Aggie House Portal

A web app that aims to streamline Aggie House's shift scheduling and decrease volunteer absenteeism by enabling admins to make sure that volunteers are well-notified, accountable and involved.

Comment

👀 Inspiration We were inspired by the Aggie House website and Aggie House's mission.

*Mission Statement Our web app, Aggie House Portal, was designed to create a streamlined product for admin to easily schedule volunteers based on their availability and allow them to be well-notified of their upcoming shifts.

How we built it? Figma was used for all design processes. React and Next.js was used as frameworks with Typescript for the front and backend. We used MySQL for our database while also displaying volunteer availability data when scheduling a volunteer. As well as, prima as a tool to assist us in querying it. In addition, we used tailwind css to style our front-end components.

Our biggest challenges? Time and technical constraints. There was a learning curve in understanding the design to development time ratio. Designing in a way that didn't compromise user-centricism but was also feasible for developers was difficult. We referred to our effort-impact matrix to optimize this process.

🏆Accomplishments that we're proud of! We are most proud of the end-to-end nature of our product.

From extensive user research to ideation and prototyping to a full-stack web app, we have prioritized every step of the design-to-dev process. By providing a solution tailored to Aggie House's needs, we have preserved the simplicity and functionality of our product,

What we learned? We learned how to be a cross-functional team and better scope the feature functionality within the given time frame.

What's next? Implementing Shift swaps in the developed product and maching the design prototype.

Built With

Share this project:

Updates