Building Facebook UI Clone using React & Tailwind CSS🔥
This project is a clone of the popular social media platform Facebook, implemented using React.js with TypeScript and styled using Tailwind CSS. The goal of this project is to replicate the core functionalities and UI of Facebook, allowing users to create profiles, connect with friends, share posts, and interact with content.
- User Authentication: Users can sign up, log in, and log out securely.
- Profile: Users can create their profiles with personal information and profile pictures.
- Friend Connections: Users can send and accept friend requests to connect with others.
- News Feed: Users can view a personalized news feed with posts from friends and pages they follow.
- Post Creation: Users can create posts with text, images, and other media content.
- React.js: A JavaScript library for building user interfaces, used for the frontend development.
- TypeScript: A superset of JavaScript that adds static typing, improving code maintainability and scalability.
- Tailwind CSS: A utility-first CSS framework used for styling components with a focus on simplicity and flexibility.
- Firebase: A platform for building web and mobile applications, used for user authentication, real-time database, and storage.
- Clone the repository:
git clone https://github.com/amanayak/facebook-clone.git
- Navigate to the project directory:
cd facebook-clone - Install dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and navigate to
http://localhost:3000to view the application.
Contributions are welcome! Please feel free to submit pull requests or open issues for any bugs or feature requests.
Looking for contribution? Your contribution will be much appreciated. <3 Just send a PR with new changes. Show some ❤️ by ⭐ the project.
This project is licensed under the MIT License.
