Activity Manager is a web-based application developed to help manage and monitor academic tasks for our class, 12–McCarthy at Dr. Yanga's Colleges, Inc.
As the Academic Affairs officer of our section, I am responsible for updating my classmates about assigned activities, projects, and requirements. To make this process more organized and accessible, I built this system where students can easily view posted activities for each week.
This project reflects my initiative to apply my web development skills in solving a real-world academic need.
The main goal of this project is to:
- Provide a centralized platform for class updates
- Organize weekly activities, assignments, and projects
- Reduce confusion about deadlines and requirements
- Improve communication within the section
Instead of sending updates repeatedly in chat groups, classmates can simply visit the website to check the latest posted activities.
This project was built using:
- React – for building the user interface
- TypeScript – for type safety and better code structure
- Firebase – for backend services such as database and hosting
These technologies allowed me to create a responsive and dynamic application with real-time data handling.
- 📅 Weekly activity listing
- 📝 Display of assignments and projects
- 🔄 Real-time updates using Firebase
- 📱 Responsive design for desktop and mobile devices
- ⚡ Fast and simple user interface
Through this project, I strengthened my skills in:
- Component-based architecture in React
- Managing state and props efficiently
- Using TypeScript interfaces for structured data
- Integrating Firebase for backend functionality
- Deploying web applications
This project also helped me understand how to build applications that solve practical problems in real-life situations.
- Add authentication for admin posting
- Add deadline countdown feature
- Add notification system
- Improve UI/UX design
- Add filtering by subject or category
Bryan A. Pajarillaga
Grade 12 Student
With 2 years of experience in Web Development
This project demonstrates leadership, responsibility, and the practical application of web development skills in an academic environment.