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.
Watch video Create an Instagram Clone with Vue JS, Quasar & Firebase - in 4 HOURS! (3/6) online without registration, duration 16 minute 40 second in high quality. This video was added by user Make Apps with Danny 02 September 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 8,748 once and liked it 185 people.