Skip to content

phanison898/linked-in-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

65 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Linked-In-Clone


🚥 About

Redesigned Linked-In web application using React , Firebase , Material-UI with full responsiveness by including core functionalities like login and upload posts

🔌 Live Website Link : https://phanison-linkedin-clone.web.app/


📜 Specifications

  • Precisely designed UI, replicates the original Linked-In's UI. Thanks to Material-UI
  • Functionalities : Login with firebase google popup, posting images, videos and ofcourse plain text
  • Fully responsive design. Suites perfectly for all size devices
  • UI feels much good in mobile view
  • DARK MODE toggle feature

🎥 Preview

  • 🖥 Desktop view :

  • 📱 Mobile view :


🛠 Tech used

  • React
  • React Hooks
  • Redux
  • Redux-Thunk
  • Material UI
  • Flexbox
  • Lottie-Web
  • Firebase
    • Google authentication
    • Firestore
    • Storage
    • Hosting

⛔ Pre-requisites

  1. Install NODE (if not already been installed)
  2. Setup FIREBASE project and get the api config values. Checkout how to setup firebase project?

✅ How to make use of this build?

  1. Clone the repository
    git clone https://github.com/phanison898/linked-in-clone.git
  2. Navigate to the cloned directory
    cd path/to/cloned/directory
  3. Create .env file with following properties and paste firebase config values respectively
    REACT_APP_API_KEY=....................................
    REACT_APP_AUTH_DOMAIN=................................
    REACT_APP_PROJECT_ID=.................................
    REACT_APP_STORAGE_BUCKET=.............................
    REACT_APP_MESSAGING_SENDER_ID=........................
    REACT_APP_APP_ID=.....................................
  4. Install node packages
    npm install
  5. Start the development server
    npm start
  6. Happy learning 😊
  7. Please consider to star ( ⭐ ) this repo. It'll boost my confidence

☎ Feel free to reach out to me

Linkedin Instagram Twitter Youtube

About

Responsive LinkedIn web application built using react and firebase

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages