Empowering Non-Profit Through Technology: A Web base Management System for House of Refuge Foundation Inc.

The dashboard is not publicly available, but a landing page is accessible for others to view.

Our thesis project at AMA University involved developing a web-based management system to streamline operations and improve efficiency for the House of Refuge Foundation Inc.

Previously, the organization managed their operations using piles of paperwork. To address this, we created a system that enables them to manage their operations more efficiently and access information quickly and easily.

Their goal was to have everything online and just a search away. Our solution provides a centralized platform to help them manage their operations effectively.

Features

Landing Page: A user-friendly landing page that provides an overview of the organization, its mission, and how to get involved.
Login System: Secure login system for staff and volunteers to access the management system.
Dashboard: A comprehensive dashboard that provides an overview of key metrics, including active cases.
User Management: Admins can manage users, including staff and volunteers, with different roles and permissions.
Case Management: Track and manage cases, including client information, case history, and progress updates.
Adoption Management: Manage adoption cases, including details about children available for adoption, potential adopters, and adoption history.
Post Adoption Management: Track post-adoption follow-ups, including home visits, health checks, and support services for adoptive families.
Child Management: Maintain detailed records of children in the foundation's care, including personal information, medical history, and case notes.
Donation Management: Manage donations, including tracking donors, donation amounts, and donation history.
Event Management: Organize and manage events, including event details, participant registration, and event history.
Reporting: Generate reports on various aspects of the organization, including case statistics, donation reports, and event summaries.
Search Functionality: Quickly find information using a powerful search feature that allows users to search for cases, donations, events, and more.
Responsive Design: The system is designed to be accessible on both desktop and mobile devices, ensuring that users can access it anytime, anywhere.
Secure Authentication: Implemented secure authentication to protect sensitive information and ensure that only authorized users can access the system.
Data Backup: Regular data backups to prevent data loss and ensure the integrity of the information stored in the system.
User-Friendly Interface: An intuitive and easy-to-navigate interface that allows users to quickly find the information they need and perform tasks efficiently.
Notifications: Real-time notifications for important updates, such as new cases, donations received, and upcoming events.
Dark Mode: A dark mode option for users who prefer a darker interface, enhancing usability and reducing eye strain.
Invitation System: Admins can invite new users to join the system, streamlining the onboarding process for new staff and volunteers.
Case History Tracking: Keep track of case history, including notes, updates, and actions taken, to ensure continuity of care and support for clients.
Printing and Exporting: Ability to print case details and export reports in various formats (PDF, CSV) for offline use, signature and sharing.

Technologies Used

Next.js: A React framework for building server-side rendered applications, providing a fast and efficient user experience.
TypeScript: Adds static typing to JavaScript, enhancing code quality and maintainability
React: A JavaScript library for building user interfaces, allowing for a component-based architecture.
Prisma: An ORM (Object-Relational Mapping) tool for managing the database, providing a type-safe way to interact with the database.
PostgreSQL: A powerful, open-source relational database management system used to store the application's data.
ShadCN: A UI component library for building modern web applications with a focus on accessibility and usability.
Tailwind CSS: A utility-first CSS framework for building responsive and modern user interfaces quickly and efficiently.
Auth.js: A complete open-source authentication solution for Next.js applications, providing secure authentication and session management.
Vercel: A platform for deploying Next.js applications, providing a seamless deployment experience and automatic scaling.
Tanstack Query: A powerful data-fetching library for React applications, used to manage server state and cache data efficiently.
Zod: A TypeScript-first schema declaration and validation library, used for validating user input and ensuring data integrity.
Tanstack Table: A powerful table library for React applications, used to display and manage tabular data efficiently.

Development Process

The development of the House of Refuge Foundation Inc. management system involved several key steps:

Requirements Gathering: Collaborating with the organization to understand their needs and requirements for the system.
System Design: Creating a detailed design of the system architecture, including database schema, user interface, and system workflows.
Implementation: Developing the system using Next.js, TypeScript, and other technologies, following best practices for code quality and maintainability.
Testing: Conducting thorough testing to ensure the system works as expected and meets the organization's requirements.
Deployment: Deploying the application to a production environment using Vercel, making it accessible to users.
Training and Support: Providing training to the organization's staff on how to use the system effectively and offering ongoing support to address any issues or questions.

Conclusion

The web-based management system for the House of Refuge Foundation Inc. has significantly improved their operations, allowing them to manage their cases, donations, and events more efficiently. By leveraging modern web technologies, we were able to create a user-friendly and secure platform that meets the organization's needs. This project not only demonstrates our technical skills but also our commitment to using technology to make a positive impact in the community. We are proud to have contributed to the House of Refuge Foundation Inc. and look forward to seeing how the system continues to support their mission in the future.

Some of the images used in this project are early screenshots. We did not include any children’s information from the House of Refuge Foundation Inc. website, and all images are used with permission. The system is designed as a tool to help the organization manage their operations more effectively, and we hope it will support them in achieving their goals of helping those in need.