faeshare

faeshare copied to clipboard

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