What it does
A social media app (Facebook/Instagram clone) based on the MERN stack.
Features are: 1) Create, like, comment, share, delete, and edit a post. 2) Follow or unfollow a user. 3) View a user profile. 4) Update user profile. 5) Create Stories like Instagram. 6) All CRUD operations.
Unique Features are: 7) State management using Redux Toolkit. 8) JWT authentication with Access and Refresh Token 9) Cookie-based authentication. (Local storage is not used). 10) Infinite scroll 11) Persisted login system using react custom hook and Axios interceptors. 12) Otp Verification using (Google App Passwords) for user registration. 13) Cloudinary API for image storage. 14) Image optimization using Cloudinary API. 15) Form handling and validation using Forkmik and Yup. 16) Backend validation using express-validator. 17) Token-based backend and frontend route protection.
Challenges we ran into
I faced a lot of challenges implementing JWT authentication with Access and Refresh Token
Accomplishments that we're proud of
1) Implemented Instagram like stories 2) Infinite Scroll 3) JWT authentication with Access and Refresh Token
What we learned
Learned how to implement JWT authentication with access token and refresh token
What's next for Meta Sphere
I will build a messaging feature where user can chat whom they follow and i will create this project with next.js and typescript.
Log in or sign up for Devpost to join the conversation.