F&H Tracker

Inspiration

We were inspired by the vital work Fourth & Hope does in our community. We learned they needed a more efficient way to manage client intake and track the crucial services they provide, moving beyond potentially outdated or manual systems. Our goal was to build a modern, secure tool to support their staff and ultimately enhance their ability to help those experiencing homelessness.

What it Does

The Fourth & Hope Tracker is a web application designed to streamline homeless service management. Key features include:

Secure Staff Logins: Using Clerk for robust authentication and role-based access.
Digital Client Intake: Capturing essential client information through user-friendly forms.
Centralized Client Profiles: Providing a single view of demographics, service history, and case notes.
Daily Service Logging: Enabling quick recording of services like meals, showers, and shelter stays.
Outcome Tracking: Allowing caseworkers to monitor client progress towards stability.
Reporting & Analytics: Generating customizable reports on service usage, demographics, and outcomes to inform decision-making.

How We Built It

We chose a modern tech stack centered around Next.js with the App Router for a performant, server-rendered application.

Frontend: Built with React and styled using shadcn/ui on top of Tailwind CSS for rapid development of a clean, responsive interface.
Backend: Leveraged Next.js API Routes to handle data operations and business logic.
Database: Used Supabase (PostgreSQL) for reliable and scalable data storage, potentially with Prisma as an ORM for type-safe access.
Authentication: Integrated Clerk for secure user management and authentication middleware.
Security: Focused on input validation and data protection suitable for sensitive client information.

Challenges We Ran Into

Designing an intuitive user experience for staff with varying technical backgrounds was a key challenge. Ensuring data privacy and security, especially given the sensitive nature of client information, was paramount and required careful consideration throughout the development process. Structuring the database and API routes efficiently to handle potentially large amounts of client and service data also presented complexities. Aligning data points with potential future HMIS (Homeless Management Information System) reporting standards added another layer of planning.

Accomplishments That We're Proud Of

We're proud of creating a functional prototype that addresses the core needs identified by Fourth & Hope. Implementing secure authentication with Clerk and setting up the foundational structure using Next.js App Router and Supabase gives the project a solid technical base. Designing the initial UI components with shadcn/ui resulted in a clean and professional look.

What We Learned

This project deepened our understanding of the Next.js App Router, server components, and API route handling. We gained practical experience implementing robust authentication with Clerk and integrating it seamlessly into a Next.js application. Working with Supabase and potentially Prisma improved our database design and interaction skills. Furthermore, we learned about the specific challenges and data requirements involved in building software for non-profit service providers like Fourth & Hope.

What's Next for Fourth & Hope Tracker

Future steps include refining the UI based on staff feedback, expanding the reporting capabilities with more complex analytics and visualizations, implementing real-time features like bed management dashboards, and potentially exploring integration pathways with official HMIS systems. Thorough testing and deployment to a scalable cloud platform are also key next steps.

Complete Project Done By Gemini 2.5 Pro w/ Cursor (including dev post)