INSTAGRAM_CLONE

Instagram a social help network comprises of start to finish stream having substance like Login/Register, User Profile view and alter, password change, post images search and view users.

Tech Stack

1. React Js

2. React Redux

3. Context Api

4. Material UI

5. JSON Server

DataBase

https://json-server-skb-assignment.herokuapp.com/

Live Demo

https://instaclonesrc.netlify.app/ Example Username: masaischool , Password: masaischool

Team Members

1. Soumyak Kumar Bhoi

2. Chetan Mahawar

3. Raja Choudhary

Functionality

1. Login SignUp

2. Home Page with slider

3. Profile Page

4. Search Property

5. Edit User Data and Password

6. Explore Page

7. Chat Property

8. Responsiveness

Pages Built and steps to run the project

First step clone the repository using the git command - git clone https://github.com/skbhoi2001/Instagram_clone.git

Go to PharmEasy Folder git command - cd Instagram_clone/instagram_clone

click on pages folder

In the project directory, you can run:

npm start

1. User Login or Register

2. Succesful Login link to the home page

3. User can view profile, edit profile

4. Search users

5. User profile edit

6. Password change

1. Landing Page

If new user enter in the system then the user will redirect to the login page

2. Home Page

If user complete the authentication process then it will com to the home page

3. Explore Page

Here user see all the top rated posts

3. Profile Page

Here the logedIn user see all the data

4. Edit Page

Here user can edit the items

5. Change Password

6. Search Bar

7. Search Result

8. Post

9. Post Filter

10. Chat Page

11. Dropdown and logout