React-Instagram-Clone-2.0
一个具有一些新功能的反应式单页 Instagram-Clone !!(A reactive Single-Page Instagram-Clone with some new features!! )
Github星跟蹤圖
概覽
名稱與所有者 | marcelotduarte/cx_Freeze |
---|---|
主編程語言 | Python |
編程語言 | JavaScript (語言數: 4) |
平台 | Linux, Mac, Windows |
許可證 | Other |
發布數 | 77 |
最新版本名稱 | v0.14.2 (發布於 ) |
第一版名稱 | v0.0.1 (發布於 2012-11-27 15:37:46) |
創建於 | 2017-01-22 04:25:52 |
推送於 | 2024-04-17 16:39:08 |
最后一次提交 | 2024-03-20 15:46:46 |
星數 | 1.2k |
關注者數 | 27 |
派生數 | 207 |
提交數 | 1.9k |
已啟用問題? | |
問題數 | 923 |
打開的問題數 | 56 |
拉請求數 | 1218 |
打開的拉請求數 | 4 |
關閉的拉請求數 | 54 |
已啟用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]