← Back Live Demo
FullStackWeb social app screenshot

FullStackWeb · Social MERN Application

A responsive social platform with secure JWT authentication, like functionality, and a global dark mode. Built with the MERN stack and Material-UI, featuring a clean UI and a RESTful API with role-based protected routes.

Highlights

  • Authentication: registration/login with JWT, protected routes, and persisted sessions.
  • Social features: like/unlike posts with database persistence and instant UI feedback.
  • Dark mode: toggle with saved user preference across sessions.
  • Responsive UI: React + Material-UI component library and theming.
  • Backend: Express REST API, Mongoose models, and modular route/controllers.
  • Project structure: clean separation of /client and /server with environment-based configs.

Stack

MongoDB Express React Node.js Material-UI JWT