A reactive Single-Page Instagram-Clone with some new features!!
Here's a video which will take you on a tour of this project.
Note: Many improvements were done after recording this video.
- GraphicsMagick for Image-processing.
Fork the repo and then clone it or download it.
First install all dependencies:
# with npm npm install # or with yarn yarn
Open PHPMyAdmin, create a DB & import
.envfile and insert the following code. Replace values with yours!!
PORT=YOUR_PORT SESSION_SECRET_LETTER="anything-secret" MYSQL_HOST="host" MYSQL_USER="user" MYSQL_PASSWORD="password" MYSQL_DATABASE="db" MAIL="your-email-for-sending email-verification-link" MAIL_PASSWORD="password-for-email" GOOGLE_GEOLOCATION_KEY='google-geolocation-key' ADMIN_PASSWORD='password-for-admin'
For front-end layer of this app to get access to
envvariables defined in
Start the server
npm start [OR] yarn start
Now run the app
localhost:[PORT] (PORT=defined in .env)
- More image filters
- Block members
- Hashtag feature
- Mention members
- JSDoc & comments
- Admin system
- Show if member is online
- Show all online members (whome you've followed)
- Description with react-helmet for SEO
- Some serious code refactoring
- Crush some bugs
- Remove jQuery
- UI testing
- Folder restructuring
- Performance optimization (Code Splitting, Image Lazyload, etc.)
- Express routes testing
- Like comments
- Upgrade packages
- Story feature
- Show mutual likes, comments & shares
Show your support by
Feel free to contribute!
Image Copyright Claims
Many images used in the project belong to their respective creators/authors. No claim by me & those who use this project. :)
Thanks for reading