>>

PlanSmart

Smart planning, simplified.

Back to Home
PlanSmart dashboard preview
Project Screenshot

Overview

PlanSmart is a full-stack event coordination platform designed to streamline communication between organizers and event planners. The goal of the project was to create a centralized web application where both sides could interact more efficiently, manage event-related information, and reduce the friction that usually comes with scattered communication and manual coordination.


The application was built using the MERN stack: MongoDB for flexible data storage, React for the client-side interface, and Node.js with Express.js for backend logic and API handling. On the frontend, I worked on building responsive and interactive user interfaces that connected cleanly with backend services and dynamic application data. On the backend, the platform relied on structured routes and server-side logic to manage communication between the user interface, the database, and supporting services.

PlanSmart collaboration view
Project Screenshot

To support media uploads, we integrated Cloudinary for image storage and asset management. This made it possible to handle user-uploaded images in a more scalable and efficient way rather than storing files directly on the server. For deployment, the frontend was published on Vercel, while the backend was deployed separately on Render, creating a practical real-world architecture with a decoupled client-server setup.


Although PlanSmart was developed with a team, I led a significant portion of the implementation and contributed heavily to the project’s core functionality. That meant not only writing a large share of the code, but also helping shape how the different parts of the system came together, from the user experience on the frontend to the integration of backend services and external tools like Cloudinary.

PlanSmart planner workflow view
Project Screenshot

From a technical perspective, PlanSmart helped strengthen my experience in full-stack web development, RESTful integration, state-driven UI development, database-backed applications, media handling, and deployment workflows. More importantly, it reflects the kind of software I enjoy building: applications that are both functional and user-focused, with a clear purpose and a solid technical foundation behind them.


At its core, PlanSmart is about making event collaboration feel less chaotic and more intentional. It is a practical product built to solve a real coordination problem, and a strong example of my ability to contribute meaningfully to team-based software projects while taking ownership of major parts of the build.

Tech Stack

React React Frontend
Node.js Node.js Backend Runtime
Express.js Express.js API Framework
MongoDB MongoDB Database
Cloudinary Cloudinary Media Management
Vercel Vercel Frontend Deployment
Render Render Backend Deployment
React React Frontend
Node.js Node.js Backend Runtime
Express.js Express.js API Framework
MongoDB MongoDB Database
Cloudinary Cloudinary Media Management
Vercel Vercel Frontend Deployment
Render Render Backend Deployment

What This Project Demonstrates

  • Full-stack application development with the MERN stack
  • Frontend and backend integration through API-driven workflows
  • Scalable image storage using third-party cloud services
  • Real-world deployment across separate hosting platforms
  • Strong ownership and contribution within a team development environment

Links