Table of Contents
This project is a bare minimum clone of instagram
- Upload post
- Delete post
- Like
- Comment
- Follow
- Unfollow
- Feeds
- Explore
- Search users
- Edit profile
- Login with Facebook
- Discover People
- Save post
- Activity
- Stories
- DM
- Share post
- Private Account
- Temporary Disable Account
- Block user
To get a local copy up and running follow these simple steps.
Make sure you have these installed before moving on:
-
Clone the repo
git clone https://github.com/iamtalwinder/instagram-clone.git
-
Register app on facebook (optional)
If you want to login to your app with facebook you need to register it here.
- Create facebook developers account.
- Register you app.
- Save app id and app secret.
-
Setting up client
-
Installing pakages
Open terminal in client directory and run:
npm install
-
Creating
.env
file-
Create
.env
file in client directory -
Add following variables in it:
REACT_APP_FACEBOOK_APP_ID=<your facebook app id> REACT_APP_FACEBOOK_REDIRECT_URI=http://localhost:3000
-
-
Running client
Open terminal in client directory and run:
npm start
-
-
Setting up server
-
Installing pakages
Open terminal in server directory and run:
npm install
-
Setting up database
- Open workbench
- Login with root account
- Open script.sql in workbench
- Press
ctrl + shift + enter
-
Open terminal
-
Run
mysql -u root -p
-
Enter your password
-
Run
source <path to script.sql>
Example:
source D:/projects/instagram-clone/server/script.sql
At this point you should have these:
DATABASE: instagram_clone USER: instagram_clone USER_PASSWORD: instagram_clone
-
Creating
.env
file-
Create
.env
file in server directory -
Add following variables in it:
PORT=4000 DB_HOST=localhost DB_USER=instagram_clone DB_PASSWORD=instagram_clone DB_NAME=instagram_clone SESSION_SECRET=dsakjnbbhvbcnsdafmsvajngvhcnmhvnsglngnnhgsdgh SESSION_COOKIE_NAME=USER_SID FACEBOOK_APP_ID=<your facebook app id> FACEBOOK_APP_SECRET=<your facebook app secret> FACEBOOK_REDIRECT_URI=http://localhost:3000/
-
-
Running server
Open terminal in server directory and run
npm start
or
nodemon server.js
-
-
Running both server and client with one command
Open terminal in server directory and run:
npm run dev
See the open issues for a list of proposed features (and known issues).
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
See CONTRIBUTING.md for full information on how to contribute.
Distributed under the MIT License. See LICENSE for more information.
Talwinder Singh - @iam_talwinder - singhtalwinder790@gmail.com