This repository contains a Facebook clone built using React, Vite, TypeScript, and Node.js with Express. The project includes features such as user signup, login, post creation, post likes, comments, viewing a single post, user profile pages, and more. The backend is powered by Node.js and Express, and the entire application is deployed on Netlify.
-
User Authentication:
- User signup with email verification.
- User login with secure authentication.
-
Post Management:
- Create and publish posts.
- Like posts and view the number of likes.
- Comment on posts and view comments.
-
Post Interaction:
- Like, comment, and share posts.
-
User Profile:
- View user profiles.
- Display user information and profile picture.
- View user's posts.
-
Responsive Design:
- Ensures a seamless experience across various devices.
-
Frontend:
- React
- Vite (Build tool for React)
- TypeScript
-
Backend:
- Node.js
- Express
-
Deployment:
- Netlify (Frontend and Backend)
To run the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/facebook-clone.git cd facebook-clone -
Install dependencies for both frontend and backend:
cd frontend npm install cd ../backend npm install
-
Set up environment variables:
- Configure
.envfiles for frontend and backend with required variables.
- Configure
-
Run the project:
# Run frontend cd frontend npm run dev # Run backend cd ../backend npm start
-
Open your browser and navigate to
http://localhost:3000to view the Facebook clone.
The application is deployed on Netlify. The deployment process is automated, and changes are automatically deployed when pushed to the main branch.
Live Demo: Facebook Clone Demo
Feel free to contribute by opening issues or submitting pull requests. For major changes, please open an issue first to discuss what you would like to change.
This project is licensed under the MIT License - see the LICENSE file for details.