Tech Stack:
MERN, MongoDB, Express, React, Node
Year:
2025
Skills:
RESTful API handling, RBAC, middleware, versioning, responsive web design, collaboration
ASU SunDevil Connect
About
SunDevil Connect is a full-stack web application built with the MERN stack (MongoDB, Express, React, Node.js) that streamlines the process of discovering and joining school clubs. Students can browse and register for clubs and events, club leaders can manage membership and post announcements, and admins can oversee clubs and moderate flagged content.
Built in collaboration with my ASU colleague Dylan Mitchell LinkedIn.
Challenge
The challenge was to redesign our school’s club and event connection platform. The system needed to allow students to join clubs and register for events, as well as create new clubs. Club leaders required functionality to post announcements and create events, while administrators had to be able to moderate flagged content.
While the MERN + TypeScript stack is more complex than necessary for the project’s academic scope, we chose it intentionally to gain practical experience with industry-standard technologies.
Shown below are the system class diagram and the MVC architectural class diagram developed during the design phase.
Result
Developed the front end using React and TypeScript based on the UML model. Chose to create dynamic card components for clubs and events that adapt to incoming data, ensuring the interface is ready for seamless back-end integration through controllers. Structured the front-end logic to support future database connections, making it straightforward to inject real club and event information once APIs are implemented.
