Casa Chirilagua
What did I do?
Developed an internal web application using MongoDB, Express.js, Node.js, Next.js, and React.js to help manage programs for Casa Chirilagua, a non-profit organization based in the City of Alexandria, Virginia.
Role
Full Stack Engineer
Responsibility
Consultation, Front End Architecture, Back End Development, Create and Manage Database, Create RESTful APIs, Security, UI/UX Design, Figma Prototyping, Deployment, Present Demos, Employee Training.
Learn more about Casa Chirilagua
Visit Casa ChirilaguaDashboard
Created custom dashboard components using the recharts library.
- Pie chart: Categorizes the programs by the number of students.
- Reusable card component: Used to display useful metrics such as percentages or numbers.
Student Page
Note: All names, records, and other details shown in these screenshots are mock data generated for demonstration purposes. No real students, parents, or families are represented.
The Students, Parents, Programs, and Families pages share a similar user interface, utilizing:
- Custom reusable table component: Displays useful information such as names and other relevant fields.
- Custom reusable search bar: Helps in finding specific users.
- Custom reusable side navigation bar: Facilitates easy navigation within the pages.
Student Profile Part 1
Students, parents, programs, and families have a similar user interface, utilizing:
- Custom reusable profile component: Displays relevant relationships, such as programs, parents, or children for the parent profile. Provides the flexibility of adding a parent to a specific student or adding a student to a particular program.
Student Profile Part 2
Collapsible headers provide useful information about the student, program, parent, or other entities.
Student Profile Part 3
Notes section allows users to add notes about the student.
Student Profile Part 4
Created a custom reusable modal
Student Registration Part 1
Student Registration Part 2
Student Registration Part 3
