Created: 09/08/2018 / Last update: 25/11/2018

gitHub: gitHub/FDMcreative

website: FDMcreative.com

email: federico.delmonte@gmail.com

---

Instagram Clone

Let's try to create something like Instagram.

This is an Instagram clone single page app (with some modification to accomodate my needs and the functionalities I wanted to implement).

---

I made use of:

• Mongo - For the database
• Express - For the web-framework
• EJS - For the client-side framework
• Node - For the server-side language
• Bootstrap
• Gulp

---

The following functionalities are present:

• register with a profile image uploaded on AWS
• login
• login with GitHub oauth
• logout
• user's profile page displaying different profile image according to the type of login (register/oauth)
• homepage with a random image from the photos' database
• uploading user's images on AWS
• edit and delete image for the user who created them
• a page with all the photos uploaded
• the images open in a modal
• the images have a star rating given by whom uploaded them
• possibility to comment the images
• edit and delete comments for the user who created them

Difficulties:

• Setting up AWS public bucket (policy) to store the uploaded images.
• Setting up the GitHub oauth (to verify if id and secret need to be changed for every new app).
• Setting up all the secure routes for users and their comments.
• Implementing modal for the images.
• Selecting and displaying a random image on the homepage.
• Recreating an instagram-clone user experience.
• use .populate('createdBy') so the object photo will have the username <%= photo.createdBy.username %> to use in the view.

Not implemented:

• Filter images by username.