Facebook UI Clone with React.js

**A small Facebook frontend clone made using React.js. JSX markup language was used and pure css was written.

Run

  1. Firstly, install dependencies in package.json file:
  • react: 17.0.2
  • react-dom: 17.0.2
  • react-router-dom: 5.2.0
  • @material-ui/core: 4.11.3
  • @material-ui/icons: 4.11.2
  1. After, just run:

npm run start

File Structure:

  • Pages: Home page, Profile page, login page, register page
  • Components: Topbar component, sidebar component, rightbar component, feed component, profileFeed component
  • Partials: Feed (header, post, share), rightbar (online), sidebar (friends)

Snapshot

  1. Home page

Homepage

Homepage 2

  1. Profile page

Profilepage

  1. Login

Sign in

  1. Register

sign up

GitHub

View Github