Welcome to our Social Media Web Application! This application allows users to connect, share posts, follow/unfollow other users, search for users/posts, like/dislike posts, and leave comments. It's built using the MERN (MongoDB, Express.js, React.js, Node.js) stack and features user authentication using JWT.
- User Authentication with JWT: Users can securely sign up, log in, and access their accounts with JSON Web Tokens.
- Post Operations: Users can create, read, update, and delete their own posts or account.
- Follow/Unfollow: Users can follow and unfollow other users to see their posts in their feed.
- Search: Users can search for other users or posts based on keywords or usernames.
- Like/Dislike: Users can express their appreciation or disapproval of posts by liking or disliking them.
- Comments: Users can leave comments on posts to engage with other users.
- Post/Account Updates: Users can update profile picture and bio of their accounts.
- MongoDB: NoSQL database used to store user data, posts, comments, etc.
- Express.js: Web application framework for Node.js used to handle server-side logic and routing.
- React.js: JavaScript library for building user interfaces used for the client-side of the application.
- Node.js: JavaScript runtime environment used to run the server-side of the application.
- JWT (JSON Web Tokens): Used for secure user authentication.
-
Clone the repository:
-
Install dependencies for both the client and server:
- using npm install
-
Configure environment variables:
- Create a
.envfile in theserverdirectory. - Add environment variables for MongoDB connection URL, JWT secret, Cloudinary,etc.
- Create a
-
Run the server: server:- npm run hmr
-
Run the client: npm run client
-
Open your browser and navigate to
http://localhost:3000to use the application.
- click for video:-https://youtu.be/svq7S3q1k8s