React.js Router Project to Build Facebook UI Clone Using Material UI in JSX Using HTML5 & CSS3



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.


  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)


Leave a Reply