Building an Instagram web app clone using MERN Stack ( MongoDB , Express.js , React.js , Node.js ) and bring some additional features .
-
Fork the repo and then clone it or download it.
-
First install all dependencies:
# with npm npm install # or with yarn yarn
-
Create a
config/config.js
file and insert the following code it will contains all code variables. Replace values with yours !!!"This will be provided soon";
-
Start the server
npm run dev
-
Now run the app
npm start
UI :
- Use MaterialUI-React
- Continue improving the UI ( will never be done ^__^ )
Features :
- Explore posts
- Search Users
- Like & comment posts
- Follow/UnFollow users
- Reset password using Emails
- Bookmark posts
- Show notifications
- Private messages
- Rooms discussion
- Like comments
- Block members
- Hashtags
- Tags users
- Add image filters
- Show all online members (whom you've followed)
- Story feature
- IGTV
Tests & Performance :
- Write UI tests
- Express routes testing
- Performance optimization (Code Splitting, Image Lazyload, etc.)
General :
- Folder restructuring
- Some serious code refactoring
- JSDoc & comments ( still have some more work to do )
- Upgrade packages
Show your support by 🌟 the project !!
==== > Feel free to contribute <====
Many images used in the project belong to their respective creators/authors. No claim by me & those who use this project.
Thanks for reading