/instagram-clone

This project is a simulation of the famous Instagram website

Primary LanguageJavaScript

GitHub commit activity (branch) GitHub language count

instagram-clone

This is a REACTJS project bootstrapped with vite. This project is a simulation of the famous INSTAGRAM website.

Please turn on your vpn first, then click on the link below

Live demo demo

Technologies Used

HTML5 CSS3 JavaScript Bootstrap React React Router Redux Vite

  • react-redux
  • redux-toolkit
  • axios

Packages Used

  • formik
  • yup
  • json-server
  • react-dom
  • react-google-recaptcha
  • react-icons
  • react-lazy-load-image-component
  • sweetalert
  • redux-devtools
  • react-fast-marquee

Features

You can :

  • log in
  • sso
  • log out
  • sign up
  • delete account
  • add posts (You can add posts on the create page)
  • delete posts
  • like posts
  • save posts
  • Add a comment
  • Delete a comment
  • Product purchase(add to cart)
  • View shopping cart
  • Remove the product from the shopping cart
  • View your profile information
  • View about Instagram on the 'About Me' page

Screenshots

Example screenshot Example screenshot Example screenshot Example screenshot Example screenshot Example screenshot

Usage

  1. git clone https://github.com/marziyemonshizadeh/instagram-clone.git
  2. npm i
  3. npx json-server --watch mydb.json --port 3001
  4. npm run dev

Project Status

Project is: _finished

Contact

Created by Marzieh Monshizadeh :)