In TruNorth, I helped build a PWA that enables real-time reporting of various events like violence, fire, protests, and accidents, and shares these reports with online users. Built with Vue.js, WebSockets for real-time capabilities, and Mapbox for geospatial data representation, TruNorth contributes to public safety and awareness while demonstrating my ability to create interactive and socially impactful applications.
March 16, 2020
TruNorth - A Real-Time Event Reporting PWA
Overview
In TruNorth, I contributed to the development of a Progressive Web Application (PWA) that allows users to report various events like violence, fire, protests, roadblocks, and accidents, making this information accessible to other users online in real-time. Built primarily with Vue.js, the app uses WebSockets for real-time capabilities and integrates Mapbox to visually present data and actions on a map.
Technologies Used
- Vue.js: Vue.js, a progressive JavaScript framework, was used to develop the interactive frontend of TruNorth. Vue.js's component-based architecture allowed for creating a responsive, scalable, and maintainable application.
- WebSockets: WebSockets were used to enable real-time reporting and data sharing between users, adding an interactive layer to the app.
- Mapbox: Mapbox, a powerful location data platform, was used to represent the reported data and events visually on a map, providing users with an intuitive and geospatial understanding of the events.
Features
- Event Reporting: Users can report various events, enhancing the communal awareness and response to situations such as violence, fire, protests, roadblocks, and accidents.
- Real-Time Data Sharing: Leveraging WebSockets, TruNorth enables real-time sharing of reported events, providing up-to-the-minute updates to its user base.
- Geospatial Data Representation: With Mapbox, users can see the location of reported events, making the data more contextual and easily understandable.
Challenges and Solutions
Ensuring real-time reporting and data sharing was a challenge that was effectively addressed using WebSockets. Integrating Mapbox to visually represent events geographically was another challenge, solved by deeply understanding Mapbox's API and capabilities.
Impact
TruNorth serves as a community-driven platform to report and share events in real-time, thereby contributing to public safety and awareness. It demonstrates my proficiency in creating socially impactful, real-time web applications that leverage geospatial data.