faeshare
faeshare copied to clipboard
jagjot26
MERN based social media web app made with the help of Next.js, Socket.io and TailwindCSS.
Inspiration
I developed this fullstack social media web app because I wanted to hone my knowledge of the MERN stack along with Next.js. Initially, I decided to go with Next's default server option. Then, I discarded that and went with the custom Express server since that allowed me to use WebSockets (Socket.io in my case) in my app for realtime chats. Besides this, this is a simple social media web app. You can create a post, like it, follow other users, comment on posts, delete your post or comment, and so on and so forth. You can try it out here : https://faeshare.herokuapp.com.
Please give this repository a ⭐ if you liked this app. It seems like a little thing, but it helps a lot with the motivation.
Technologies used
- React
- Next.js
- Node.js
- Express.js
- MongoDB
- Redux
- Socket.io
- TailwindCSS
Demonstration
Overall app demo
https://user-images.githubusercontent.com/51400182/133003632-d65d3a58-46ee-46e7-b4a7-d5e73b6930c2.mov
Chat
https://user-images.githubusercontent.com/51400182/133002502-b8f0c1ad-8e95-43e4-b042-9da3d75d318b.mov
User Profile
https://user-images.githubusercontent.com/51400182/133003152-722af7bf-a6f2-4777-9cab-5d96cf012af9.mov
Screenshots
jagjot26