This project is a responsive full stack Facebook clone built using the MERN stack (MongoDB, Express, React, Node.js) and styled with Tailwind CSS. It aims to replicate some of the core features and design elements of Facebook, providing users with a familiar social media experience.
Check out the live demo of the project here.
- User authentication and authorization
- News Feed with posts from friends and other users
- Like and comment on posts
- User profiles with profile pictures and user posts
- Add friends and manage your friend's list
- Responsive design for various screen sizes
- Toggle between a light and dark theme
- Frontend: React, Tailwind CSS
- Backend: Node.js, Express.js, MongoDB, Passport
- Deployment: Railway
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/DustyDogCodex/Dost.git cd Dost
-
Install dependencies for both frontend and backend:
# Install frontend dependencies cd client npm install # Install backend dependencies npm install
-
Set up environment variables:
Create a
.env
file in theserver
directory and add the following:MONGO_URL=your-mongodb-uri SESSION_SECRET=your-secret
-
Run the development servers:
npm run devstart
-
Access the app in your browser at
http://localhost:5000
.
- Register an account or log in if you already have one.
- Explore the News Feed to see posts from friends and other users.
- Interact with posts by liking and commenting.
- Manage your friend list.
- Update your profile picture.
- Toggle between a light and dark theme.
This project is licensed under the MIT License.