Skip to content

Facebook is a leading social media platform across the globe. It has the ability to connect and share with the people you care about.

Notifications You must be signed in to change notification settings

Darshan-Naik/facebook-clone

Repository files navigation

Facebook (clone) 🌐

Facebook is a leading social media platform across the globe. It has an ability to connect and share with the people you care about.

In this project we have tried to make a look alike clone of Facebook. With our efforts and the technology stack, that we have learned so far in the masai school, we were able to clone the front end with high precision and quality.

Technology Stack Used 💻

In this project we have used the following tech stack.


Libraries Used 🌟

  1. Emoji-Mart: Emoji-Mart
  2. Images: Icon-Finder
  3. Icons: Icon-Finder
  4. Fonts: Google-Fonts
  5. React-Image-File-Resizer: Image-Resizer
  6. React-Loading-Skeleton: Loading-Skeleton
  7. React-Loadingg: React-Loadingg

You can install the libraries using the "npm install" command

How to run the project 📑

In this project we were able to achieve a near to perfect clone of the original website. As we do not want to overwhelm you, we haven't shared all the pages here.Please fork the repository and then use it on your own. If you want to collaborate with us on this project then please feel free to reach out to us.

You can also take the glimpse of our Project,just follow the below steps:

1.run the command npm run start in terminal to start the app at port 3000.

2.Go to the browser you will land in the landing page just Register and login if you have signed up before or do the signup.

3.Our website had 2 things User can post anything and message to his/her friends.

Snapshots 📷

  1. Login Page

    facebook

  2. Home Page after Login in Dark Mode

    facebook

  3. User Profile Page

    facebook

  4. Messenger Page

    facebook

  5. Friend Request Page

    facebook


Features ✨

  1. User can post anything like: text,feeling,activities, photos, videos etc...
  2. User can edit or delete the post.
  3. User can like, comment or share the post and it is totally live.
  4. User can make his profile and also it is editable.
  5. User can message to his friends.
  6. User can hide his active status by making off his accessibility.

Demo 🎥

facebook_clone


Team Members and Contributors 😇

👤 Darshan Naik

👤 Gurunath Sahukar

👤 Ankit Bajpai

👤 Soumyadri Das

About

Facebook is a leading social media platform across the globe. It has the ability to connect and share with the people you care about.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •