Skip to content

A MERN stack social media app enables user connections and content sharing. Users can sign up, create profiles, post updates, share media, and interact through likes, comments, and messages. The app features a dynamic news feed, real-time notifications, and secure JWT authentication, ensuring a seamless and engaging experience.

Notifications You must be signed in to change notification settings

vishalyadav0987/Thread-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MERN Stack Thread-App

This is a social media application built using the MERN (MongoDB, Express.js, React, Node.js) stack. The application allows users to create, read, update, and delete posts, follow other users, like posts, and comment on posts.

Features

  • User Authentication (Signup, Login, Logout)
  • Create, Read, Update, and Delete (CRUD) operations for posts
  • Follow/Unfollow users
  • Like/Unlike posts
  • Comment on posts
  • Responsive design
  • Dark and Light mode

Tech Stack

  • Frontend: React.js
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Authentication: JWT
  • Deployment: Render

Getting Started

Prerequisites

  • Node.js
  • MongoDB

Installation

  1. Clone the repository

    git clone https://github.com/vishalyadav0987/Food-App.git
    cd Food_App
  2. Install backend dependencies:

    cd ..
    npm install
  3. Install frontend dependencies:

    cd frontend
    npm install
  4. Start the development servers:

    • Backend server:
      cd ../backend
      nodemon index.js
    • Frontend server:
      cd ../frontend
      npm start

Set up environment variables

  • MONGO_URI=your_mongodb_connection_string
  • JWT_SECRET=your_jwt_secret
  • CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name
  • CLOUDINARY_API_KEY=your_cloudinary_api_key
  • CLOUDINARY_API_SECRET=your_cloudinary_api_secret

Aplication online

Deployment

This application is deployed on Render. To deploy your own version:

  1. Create a new web service on Render and connect your GitHub repository.
  2. Add the necessary environment variables in the Render dashboard.
  3. Deploy the application.

Acknowledgements

  • MongoDB
  • Express.js
  • React
  • Node.js
  • Render

Contact

If you have any questions or suggestions, feel free to open an issue or contact me at viahalyadav0987@gmail.com.

About

A MERN stack social media app enables user connections and content sharing. Users can sign up, create profiles, post updates, share media, and interact through likes, comments, and messages. The app features a dynamic news feed, real-time notifications, and secure JWT authentication, ensuring a seamless and engaging experience.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published