The Challenge
Volunteers at the Marine Society & Sea Cadets required a clear, consistent, and easy-to-use tool to calculate cadet contributions for various training activities. Previous methods were prone to errors and inconsistencies, creating an administrative burden for volunteer trainers.
Our Approach & Solution
- Personally took on this as a learning project to develop a dedicated calculator for the complete Allowances, Expenses and Contributions Policy (Activity Expense Contribution) Resource Calculator as a web application avoiding the use of MS Excel.
- Designed an intuitive user interface with React and Tailwind CSS, focusing on simplicity and ease of use for volunteers with varying technical skills.
- Implemented the necessary calculation logic in JavaScript to ensure accurate and consistent contribution figures based on MSSC guidelines.
- Ensured the application was responsive for use on different devices (desktops, tablets, mobiles) and deployed it via Netlify for easy access by volunteers.
- Focused on clear presentation of results to minimize confusion and support efficient training administration.
Core Technologies
- React
- JavaScript
- Tailwind CSS
- Vite
- Netlify
- WCAG
Impact & Results
Provided MSSC volunteers with a reliable and user-friendly tool to correctly calculate cadet contributions, reducing errors and administrative workload. The calculator helped streamline the financial aspects of training activities, allowing volunteers to focus more on delivering quality training.