Dev's Portfolio

For one of my courses this past semester, I had the opportunity to work with the S.M.I.L.E. team at Acadia university to create a web application for key information management. The S.M.I.L.E. Program Management App was developed in partnership with Acadia University's S.M.I.L.E. program, a volunteer-led initiative that provides personalized physical activity sessions for individuals with disabilities. The app modernizes their participant and volunteer management by replacing paper-based processes with a secure, digital platform.

The project itself was designed for 400 student volunteers (instructors), 215 participants, and over 40 leaders who can simultaneously access this application.

Key features we developed and built user stories off of included

Role-based authentication -> done via next-auth
Participant and instructor onboarding -> via a sign-in page which included email verification
Admin approval workflows -> admins are superusers
Attendance tracking -> done by instructors and above in the user heirarchy
Goal setting -> to track participant progress throughout the semester
Session tracking -> for attendance purposes on certain instruction days
Dynamic instructor-participant pairing -> to repair if there are more suitable instructors for certain participants

We developed this website using the following technologies:

Next.js -> for the frontend and backend
React -> frontend library
Prisma -> our ORM
PostgreSQL -> our database, which was deployed on Supabase in production
NextAuth -> to set up our authentication system (server side), this was used for frontend routes as well thorough next middleware
Jest -> for setting up API tests as well as smoke tests, we ended up with 100% test coverage

The website also offers a full-featured interactive calendar for program events and dashboards for user management.

Designed with user experience and data security in mind, the app streamlines registration, supports real-time updates, and improves the overall administration of the program. We deployed the application with Vercel, and used Github Actions for seamless CI/CD, and followed industry-standard coding practices including the Google JavaScript Style Guide and Prettier formatting.

The project is licensed under MIT, with usage rights granted to the S.M.I.L.E. Program while keeping the codebase private to protect sensitive information. While I can't share the repo...

You can view a live demo here: SMILE Program App

Or watch a video walkthrough: Watch the Demo