PostIt
PostIt is a social media web application, built with the MERN stack.
Deployed at: https://post-it-heroku.herokuapp.com/
Features
- Create, read, update and delete posts
- Like and unlike posts
- Create, reply to, read, update and delete nested comments
- Markdown for posts and comments
- Sign up and login using JWT for authentication
- Private message users in real-time using socket.io
- View profiles of users and browse through their posts, liked posts and comments
- Infinite scrolling
- Sort posts by attributes such as like count, comment count and date created
- Profanity filtering and posting/commenting cooldowns
- Update bio which can be viewed by other users
- Search for posts by their title
- Fully responsive layout
Installation and usage
- Clone this repository
git clone https://github.com/ihtasham42/social-media-app.git
- Install dependencies
cd social-media-app
npm install
cd client
npm install
- Create .env in root directory
cd ..
touch .env
- Configure environment variables. To acquire your MONGO_URI, create a cluster for free over at https://www.mongodb.com/
MONGO_URI=<YOUR_MONGO_URI>
TOKEN_KEY=<YOUR_TOKEN_KEY>
PORT=4000
- Run the server
npm run server
- Start a new terminal and run react’s development server
cd social-media-app
cd client
npm start
Screenshots
Explore view
Post view
Nested comments
Profile view
Real-time private messenger
Search view
