This is a social media application built using the MERN stack (MongoDB, Express.js, React.js, Node.js) along with Chakra UI for styling and JSON Web Token (JWT) for authentication. The app allows users to register, log in, post content, like posts, follow other users, and leave comments.
https://socialbuzz.vercel.app/
The project uses the following technologies and frameworks:
- HTML
- CSS
- Javscript
- React.js
- React-Router-Dom
- Reduxjs
- Chakra UI
- MongoDB
- Express.js
- Node.js
- JSON Web Token (JWT)
- Cloudinary for Images
Provide instructions on how to install and set up your project locally. Include any prerequisites or dependencies required. For example:
- Clone the repository:
https://github.com/ignitinsharma/socialbuzz.git - Navigate to the project directory:
cd frontend - Install dependencies:
npm install - Start the development server:
npm start
The social media app includes the following features:
-
User Registration and Login: Users can create an account and log in to access the app's features.
-
Create Posts: Users can create posts, share their thoughts, and upload images or videos.
-
Like/Dislike Posts: Users can like or dislike posts to express their preferences.
-
Follow/Unfollow Users: Users can follow other users to stay updated with their posts. They can also unfollow users if they no longer wish to see their content.
-
Comment on Posts: Users can leave comments on posts to engage in discussions.
-
Search Functionality: Users can search for other users or specific posts using keywords or usernames.
.png)
- Login Page *
.png)
- Register Page *
.png)
- Home Page *
.png)
- Create Post Section *
.png)
- Search User *
.png)
- After clicking on user redirected to profile page *
.png)
- Solo post page for comments and likes *
.png)
- Profile section *
.png)
- Profile page showing that user post how much he post he/she did *
.png)
- Comment Box *
.png)
- Mobile responsive *
Still working on it and fixing the bugs and issues...
Handcrafted with ❤ & imagination by Nitin Sharma.