Ram Maheshwari Logo Image
Jay Lee

InstaVerse

Project Overview

InstaVerse is an instagram clone app that allows users to post images, like and comment on posts, and follow other users. Users can also edit their profile and upload a profile picture.

InstaVerse is built with MERN stack (MongoDB, ExpressJS, ReactJS, NodeJS) and deployed on Netlify (Client) and Heroku (Server).

Login page screenshot

- Log-in page where users can log-in to their account or create an account. InstaVerse uses JWT (JSON Web Token) to authenticate users. If the user is idle for an hour, the user will be automatically logged out and redirected to the log-in page.

User profile screenshot

- InstaVerse uses Cloudinary's API to upload images (post and profile images) and store them in the cloud. The images are then retrieved from the cloud via secure URL (stored in database) and displayed on the app.

Post screenshot

- Users can click on a post to see the post details. Users can also like and comment on the post.

Edit profile screenshot

- Users can also edit their profile and change their profile picture.

Wireframe

Wireframe image
Wireframe image

Tools Used

HTML
CSS
JavaScript
React
Node.js
Express.js
MongoDB
Mongoose
Cloudinary
GIT
Github
Bootstrap
JWT
Netlify
Heroku
Postman
VS Code