littbarskiadeh/my-social

About

This is a project I worked on to show my frontend skills using React ContextAPI for State Management and Material UI for design. A Fullstack React App with basic CRUD functionality, using Google Cloud storage - Firestore.

• Currently deployed on https://facebook-clone-2c8f3.web.app/
• Login to the app using your Google Account

Prerequisites

Make sure you have latest version of npm installed

npm install npm@latest -g

Installation

1. Make sure you have a Google account to run the project. You can create one at https://google.com

2. Clone the repo

   git clone https://github.com/your_username_/my-social.git

3. Install NPM packages

   npm install

4. Login to your Google Account on your browser and Create your firebase project - https://console.firebase.google.com/

5. Go to the Firebase Project settings and copy the firebaseConfig code

6. Replace the firebaseConfig with this code in firebase.js

   // For Firebase JS SDK v7.20.0 and later, measurementId is optional
   const firebaseConfig = {
     apiKey: "AIzaSyBydvc724djmUHFsbQ2P-AkF5jFXrjDfrY",
     authDomain: "facebook-clone-2c8f3.firebaseapp.com",
     projectId: "facebook-clone-2c8f3",
     storageBucket: "facebook-clone-2c8f3.appspot.com",
     messagingSenderId: "183767096081",
     appId: "1:183767096081:web:b3b2b36c50abab3d360ab0",
     measurementId: "G-68X895RPJL"
   };

7. Run the app

   npm start
   

Demo

When you start the App

• Sign-in to the app using your gmail account

Home Page

Want to build something with me?

Feel free to reach out

• Email:lit.adeh@gmail.com
• LinkedIn Profile