yTakkar / React Instagram Clone 2.0
Programming Languages
Projects that are alternatives of or similar to React Instagram Clone 2.0
React-Instagram-Clone-2.0
A reactive Single-Page Instagram-Clone with some new features!!
No longer maintained. But it works
Another Version
Quick liks
Here's a video which will take you on a tour of this project.
Note: Many improvements were done after recording this video.
Requirements
- GraphicsMagick for Image-processing.
Usage
-
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
db.sql
file. -
Create a
.env
file 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
env
variables defined in.env
file, runyarn env
-
Start the server
npm start [OR] yarn start
-
Now run the app
localhost:[PORT] (PORT=defined in .env)
Todo
- [x] More image filters
- [x] Search
- [x] Block members
- [x] Hashtag feature
- [x] Mention members
- [x] JSDoc & comments
- [x] Admin system
- [x] Show if member is online
- [x] Show all online members (whome you've followed)
- [x] Description with react-helmet for SEO
- [x] Some serious code refactoring
- [x] Crush some bugs
- [x] Remove jQuery
- [x] 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
Contribute
Show your support by π the project!!
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
Contributors
Code Contributors
This project exists thanks to all the people who contribute. [Contribute].
Financial Contributors
Become a financial contributor and help us sustain our community. [Contribute]
Individuals
Organizations
Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]