Skip to content

A social media website built with React, Firebase, and Chakra UI. The app includes features like user authentication, real-time posts, likes, comments, and profile management, providing a sleek and responsive design with Chakra UI.

Notifications You must be signed in to change notification settings

Adiaparmar/ReactJs-Social-Media-Website

Repository files navigation

React JS Instagram Clone - Firebase Integrated

🚀 Excited to share my latest project - an Instagram Clone Website built entirely using React JS and Chakra UI, with Firebase handling the database management!

🌟 Leveraging the power of React JS and the sleek UI components from Chakra UI, I've recreated the essence of Instagram's user experience while adding my own creative touches.

🔥 With Firebase, I've ensured seamless database management, allowing for efficient data storage and retrieval, real-time updates, and smooth user interactions.

Key Features

  • Responsive Design: Ensuring a seamless experience across devices.
  • User Authentication: Securely manage user logins and registrations.
  • Image Uploads: Allow users to upload and share their favorite moments.
  • Real-time Updates: Instantly reflect changes across the platform.
  • Explore Feed: Discover new content and connect with others.

Demo

For reviewing the project, you can use the following credentials to log in:

Technologies Used

  • React JS: For building the user interface.
  • Chakra UI: For UI components and styling.
  • Firebase: For authentication, real-time database, and hosting.

Installation

Clone the repository:

git clone https://github.com/yourusername/instagram-clone.git

Install dependencies:

cd instagram-clone
npm install

Run the app

npm start

The app will run on http://localhost:3000/ by default.

Firebase Setup

  1. Create a Firebase project at Firebase Console.
  2. Set up Firebase Authentication and Firebase Database.
  3. Get your Firebase config details from the Firebase Console.
  4. Replace the Firebase config values in the src/firebase.js file with your own configuration.

Contribution

Feel free to fork the repository, make improvements, and create pull requests. Any contributions are welcome!

License

This project is open source and available under the MIT License.

About

A social media website built with React, Firebase, and Chakra UI. The app includes features like user authentication, real-time posts, likes, comments, and profile management, providing a sleek and responsive design with Chakra UI.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages