This post continues from my last post A full-stack Vuejs photo album app [part 2]
Let's get running the app locally. Firstly, go to the root folder and run:
$ npm install
$ npm run serve
Next, start Fastify server:
$ cd server
$ npm install
$ npm run start:server
Quasar will open http://localhost:9000 on your default browser automatically. You won't see any album since you haven't created it yet. Let's go to http://localhost:9000/login, you should be able to see a Google login button on the centre of the screen.
Click the Sign in with Google button, you will see a Google login popup.
Use your Google Account to finish the authentication flow (I will write another post about this), after that, you should be able to see the admin manage button on the top-right corner and the manage button on the album.
Let's create a new photo album!
Congratulations, you just created your first photo album!🙌
Since there is no photo and it's a private album, let's upload some photos!
Don't forget to make your album public and add tags (you need to create a tag first).
After creating the album and photos, you should be able to see the folder and files inside your S3 bucket.
Feel free to update the code to match your needs.
In the next part, I am going to demo how to deploy this app into AWS.
Top comments (0)