React-Instagram-Clone-2.0
带有一些新功能的响应式单页面 Instagram 克隆!!- 不再维护。「A reactive Single-Page Instagram-Clone with some new features!! 💪📸👓 - No longer maintained.」
Github星跟蹤圖
概覽
名稱與所有者 | yTakkar/React-Instagram-Clone-2.0 |
---|---|
主編程語言 | JavaScript |
編程語言 | JavaScript (語言數: 3) |
平台 | Linux, Mac, Windows |
許可證 | MIT License |
發布數 | 0 |
創建於 | 2018-02-07 16:26:57 |
推送於 | 2023-12-09 07:21:48 |
最后一次提交 | 2021-12-27 17:18:10 |
星數 | 1k |
關注者數 | 66 |
派生數 | 455 |
提交數 | 217 |
已啟用問題? | |
問題數 | 87 |
打開的問題數 | 23 |
拉請求數 | 3 |
打開的拉請求數 | 10 |
關閉的拉請求數 | 5 |
已啟用Wiki? | |
已存檔? | |
是復刻? | |
已鎖定? | |
是鏡像? | |
是私有? |
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
- More image filters
- Search
- 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
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]