Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

Fullstack (NextJS + ExpressJS + SocketIO + MongoDB + Cloudinary)

express, mongodb, react, styled-components, next
Eray•1,410
@ErayBarslan
A solution to the Interactive comments section challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Greetings FEM community 🤘 This is my Fullstack solution to the comments section challenge.

Features

  • Authentication: Register, login, logout (passwords encrypted)
  • Send, edit, delete comments.
  • Upvote and downvote comments.
  • Infinite nested replies. (Reddit like)
  • Hide & show replies.
  • Live update comments with SocketIO
  • Edit username, password, bio, avatar.
  • Display profile cards by clicking on usernames.
  • Users who's not logged in can only view comments & user infos.

Built With

  • NextJS (Frontend)
  • ExpressJS (Backend API)
  • SocketIO (listen to comments live)
  • MongoDB (user & comment documents)
  • Cloudinary (store images)
  • StyledComponents (CSS in JS)

Deployment

  • Frontend: Vercel
  • Backend: AWS EC2

It took me longer than I initially planned but I'm happy with the result :) If you find any bugs or have suggestions & questions feel free to shoot.

Code
Select a file

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Eray's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub