ChatHive - A social media platform using MERN stack

Description

This is a social media platform built using MERN stack (MongoDB, Express, React, Node.js). It allows users to create posts, like posts, and add friends. Dark mode is also supported.

Live Deployment

You can check out the live deployment here. The backend is deployed here.

You can login with the following credentials:

• Email: fake.person@mail.com
• Password: nullnullnull

NOTE: First login might take a while since the backend response time is not great (free plan). Please refresh the page and try again if it does not redirect after 10s.

Run Locally

• Clone the repository
• Set up .env file in server directory with the following content:

MONGO_URL=<your_mongo_url>
JWT_SECRET=<your_jwt_secret>
PORT=3001

where <your_mongo_url> is the URL to your MongoDB database, and <your_jwt_secret> is the secret key for JWT.

• Run npm install in both client and server directories
• Run npm start in both client and server directories

Limitations

The project is only for demonstration purpose, and several limitations are apparent:

• Messages, notifications, and help button (accesible from navbar) are not implemented.
• Sharing posts and adding comments are not implemented.
• Images are hosted in the backend, and the frontend only displays the images available in the backend. Therefore, users cannot upload images.
• Links to other social media platforms are not implemented.
• Admin privileges are not implemented.
• Styling is not perfect.
• Search bar is not implemented.
• Slow loading time due to the hosting of images in the backend.
• Many more...

Timeline

Table:

References

Based on this tutorial.