Create an Instagram Clone with Vue JS, Quasar & Firebase - in 4 HOURS! (3/6)
In this series of 6 videos I’m gonna show you how to create a gorgeous Instagram Clone using Vue JS, Quasar Framework, Firebase, Node.js & Express.
👉 Full PWA Course: https://dannys.link/quasarpwa
👉 Download Fudget: https://www.fudget.com
👉 My VSCode Setup: https://dannys.link/vscodesetup
👉 DONT CLICK THIS: https://dannys.link/dontclick
In this video we’ll add Native Device Features. We’ll access the user’s Camera, Capture a Photo & access the user’s Location & add their City & Country to the Location field.
All Videos in this Series:
Part 1: Layout, Pages & Routes - • Create an Instagram Clone with Vue JS...
Part 2: Design Home & Camera Pages - • Create an Instagram Clone with Vue JS...
Part 3: Camera & Location - • Create an Instagram Clone with Vue JS...
Part 4: Backend with Firebase, Node.js & Express - • Create an Instagram Clone with Vue JS...
Part 5: Node.js & Express - Get Posts - • Create an Instagram Clone with Vue JS...
Part 6: Create Post & Upload Image to Firebase Storage - • Create an Instagram Clone with Vue JS...
The app has 2 pages: a Home Page and a Camera Page.
On the Home Page we can display a list of Posts. Each Post has an image, a location, a caption and the date the image was posted.
On the Camera Page we can access the user’s camera, take a photo, enter a caption, find the user’s location and Create a New Post. We then see that Post on the Home Page.
It’s gonna have a Beautiful Responsive Design that adapts across Desktop and Mobile.
We’ll store all of our Data in a Firebase Cloud Firestore Database.
We’ll store our Photos in Firebase Storage.
And we’re gonna create a Custom Backend, using Node.js and Express. With one Endpoint for grabbing all the Posts from the Database and one Endpoint for Creating a Post & also uploading the Photo to Firebase Storage.
We’ll Host our Finished App on Firebase Hosting ... and Host our Backend on Heroku.
Смотрите видео Create an Instagram Clone with Vue JS, Quasar & Firebase - in 4 HOURS! (3/6) онлайн без регистрации, длительностью 16 минут 40 секунд в хорошем качестве. Это видео добавил пользователь Make Apps with Danny 02 Сентябрь 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 8,748 раз и оно понравилось 185 людям.