Offline-ready RescueTimer | How we built an app for Volunteer Firefighters
About the project
Volunteer Fire Department (OSP)
From challenge
Key Challenges
Lack of an effective tool to measure oxygen levels and report events.
Lack of an effective tool to measure oxygen levels and report events.
The need to ensure the system works in offline mode.
The need to ensure the system works in offline mode.
Automated calculation of oxygen consumption for each rescuer.
Automated calculation of oxygen consumption for each rescuer.
Integrating reporting and data management functionalities into a single application.
Integrating reporting and data management functionalities into a single application.
Key functional and non-functional requirements
Automatic generation of action reports, including data on the start and end times of the operations.
Ability to add new stations with licenses.
Managing rescuers and their parameters, allowing for equipment assignment and tracking their performance.
User login and authorization process.
A knowledge base with the ability to view instructions and regulations in PDF format.
Exporting reports to Excel.
Calculating the average pressure consumption, considering individual oxygen consumption for each rescuer and dynamically recalculating the remaining operational time.
Full offline support.
Through the solution
Through the solution
Onboarding and planning
- Briefing with the client to define requirements.
- UX/UI design creation and wireframe approval.
- System architecture planning and technology selection.
Technological decisions
- Using Firebase for offline support and real-time data synchronization.
- Using Firebase for offline support and real-time data synchronization.
- Using Firebase for offline support and real-time data synchronization.
Unforeseen difficulties and their solutions
One of the biggest challenges was ensuring the reliable operation of the application in offline mode. To address this, the following solutions were implemented:
- Workbox: Enables caching of the application, ensuring its availability without an internet connection.
- Workbox: Enables caching of the application, ensuring its availability without an internet connection.
- Workbox: Enables caching of the application, ensuring its availability without an internet connection.
- Workbox: Enables caching of the application, ensuring its availability without an internet connection.
- Workbox: Enables caching of the application, ensuring its availability without an internet connection.
Implementation
- Workbox: Enables caching of the application, ensuring its availability without an internet connection.
- Workbox: Enables caching of the application, ensuring its availability without an internet connection.
- Workbox: Enables caching of the application, ensuring its availability without an internet connection.
- Ability to view instructions and regulations in PDF format.
Testing and optimization
- Implementation of functional tests.
- Optimization of the application for performance.
- Verification of offline mode functionality and data synchronization.
To the success
Technological outcomes
Automation of calculations
Automation of average oxygen consumption calculations, improving the efficiency of managing rescue operations.
Hassle-free offline working
Seamless offline operation thanks to Firebase and Workbox.
Modern design
Intuitive handling and modern interface.
Additional features
Easy access to rescue procedures within the app.
Business benefits
Increased efficiency in organizing rescue operations.
Centralization and automation of rescuer management.
The ability to use the app without the need to install it from Google Play or the App Store.
Project team
Sara
UX/UI Designer
Project management methodology
The project was executed using an Agile approach, allowing for continuous progress verification and quick adaptation to the client's needs. Due to the project's specific nature, most of the development work was carried out by a single developer, who was responsible for both implementation and testing of the solutions.
The project was executed using an Agile approach, allowing for continuous progress verification and quick adaptation to the client's needs. Due to the project's specific nature, most of the development work was carried out by a single developer, who was responsible for both implementation and testing of the solutions.
Tech stack
React
Ant Design (ANTD)
Redux Toolkit
Firebase
Workbox
Your success is our success
See how we can build a technological advantage for your company together.
We have a team that truly knows its stuff — we'll help you find a solution that works.
Conclusions & recommendations
Designing offline-first systems ensures reliability in field conditions.
PWA as an alternative to native mobile applications significantly simplifies deployment and updates.
The use of Firebase provided high-performance data synchronization. Additionally, during operations, people within the OSP unit had access to real-time information about the ongoing actions via the real-time database.
