Postgram is a social media application that uses Socket.io to allow users to create and manage their profiles, upload and delete posts, follow other users, and send friend requests. The app has a creative profile page where users can manage their followers and friends, as well as a real-time chat feature where users can communicate. On the backend, Node.js, Express, and MongoDB are used, and on the frontend, React.js and Socket.io are used. For image uploading, Cloudinary is used, and the UI is built with Bootstrap and Material UI. The app is mobile-friendly and supports infinite scrolling. The project is open source and can be found on GitHub.
Live Demo Postgram
- Simple login and signup
- Adding new post
- Infinite Scroll
- Follow other user
- Like a Post or Delete a post
- Sending Friend Request using socket.io - accept or reject both
- Realtime chat application
- Creative profile page of user to manage your follower and following , and friend
- Upload profile picture and Cover image for profile page
- Easily Search other user , follow or send request
- Awesome UI and Responsive For Mobile
Nodejs | Express | Mongodb |
---|---|---|
Reactjs | Socket.io | mongoose |
Multer | cloudinary | morgan |
bootstrap | react-alert | socket.io-client |
Netlify | Heroku | Material UI |
- Install
Nodejs
andReactjs
to your local machine - Create account on cloudinary and mongodb and get credentials
- Set up all these keys by creating .env file for nodejs server
MONGO_URL =
CLOUDINARY_CLOUD_NAME =
CLOUDINARY_KEY =
CLOUDINARY_SECRET =
- And in Client folder setup .env file and add these variables to it
REACT_APP_PUBLIC_FOLDER = ./assets/
REACT_APP_End_Point = http://localhost:8800/
or any port
- And Finally , run
cd .\server\
thennpm start
**Backend Code - ** https://github.com/abhi9720/postgram-server