Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ytakkar/react-instagram-clone-2.0
A reactive Single-Page Instagram-Clone with some new features!! 💪📸👓 - No longer maintained.
https://github.com/ytakkar/react-instagram-clone-2.0
expressjs instagram instagram-clone mern-stack messaging nodejs react redux social-network
Last synced: about 1 month ago
JSON representation
A reactive Single-Page Instagram-Clone with some new features!! 💪📸👓 - No longer maintained.
- Host: GitHub
- URL: https://github.com/ytakkar/react-instagram-clone-2.0
- Owner: yTakkar
- License: mit
- Created: 2018-02-07T16:26:57.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-12-09T07:21:48.000Z (11 months ago)
- Last Synced: 2024-05-22T13:23:53.717Z (6 months ago)
- Topics: expressjs, instagram, instagram-clone, mern-stack, messaging, nodejs, react, redux, social-network
- Language: JavaScript
- Homepage:
- Size: 38.7 MB
- Stars: 977
- Watchers: 66
- Forks: 452
- Open Issues: 33
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# React-Instagram-Clone-2.0
A reactive Single-Page Instagram-Clone with some new features!!
**No longer maintained. But it works**
---
### 🛒 Launch your online store with [OwnStore](https://ownstore.dev).
---
# Another Version
**[PHP Version](https://github.com/yTakkar/Instagram-Clone)**
# Quick liks
1. [Requirements](#requirements)
2. [Usage](#usage)
3. [Todo](#todo)
4. [Contribute](#contribute)
5. [Image Copyright Claims](#image-copyright-claims)
Here's a video which will take you on a tour of this project.
Note: Many improvements were done after recording this video.
[](https://www.youtube.com/watch?v=VBZD5lfvi4U)
# Requirements
1. [GraphicsMagick](http://www.graphicsmagick.org/) for Image-processing.
# Usage
1. Fork the repo and then clone it or download it.
2. First install all dependencies:
```bash
# with npm
npm install
# or with yarn
yarn
```
3. Open PHPMyAdmin, create a DB & import `db.sql` file.
4. Create a `.env` file and insert the following code. Replace values with yours!!
```javascript
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'
```
5. For front-end layer of this app to get access to `env` variables defined in `.env` file, run
```bash
yarn env
```
6. Start the server
```javascript
npm start [OR] yarn start
```
7. Now run the app
```javacript
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](CONTRIBUTING.md)].
### Financial Contributors
Become a financial contributor and help us sustain our community. [[Contribute](https://opencollective.com/react-instagram-clone-20/contribute)]
#### Individuals
#### Organizations
Support this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https://opencollective.com/react-instagram-clone-20/contribute)]
