/Dost

Full stack facebook clone built using the MERN stack.

Primary LanguageJavaScript

🤝👋❤️ Dost ❤️👋🤝

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.

Table of Contents

Demo

Check out the live demo of the project here.

Features

  • 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

Technologies

  • Frontend: React, Tailwind CSS
  • Backend: Node.js, Express.js, MongoDB, Passport
  • Deployment: Railway

Installation

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/DustyDogCodex/Dost.git
    cd Dost
  2. Install dependencies for both frontend and backend:

    # Install frontend dependencies
    cd client
    npm install
    
    # Install backend dependencies
    npm install
  3. Set up environment variables:

    Create a .env file in the server directory and add the following:

    MONGO_URL=your-mongodb-uri
    SESSION_SECRET=your-secret
  4. Run the development servers:

    npm run devstart
  5. Access the app in your browser at http://localhost:5000.

Usage

  • 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.

License

This project is licensed under the MIT License.