A superhero-themed app for reporting and managing public nuisances in the Lower Mainland
App to allow report of public nuisances. This Angular-based app features a robust set of functionalities, including a data table, report management, map display, and more.
demo_video.mp4
Table of Contents
Night Crusade Titans is the final project created for the course in Client-side Development in the Fall semester of 2023.
Run the app locally:
$ npm install
$ ng serve -o
The website can be accessed through the URL http://localhost:4200/
.
The Home Page serves as the central hub for users to navigate through different aspects of the application. It includes a switch for toggling between the Map and Data List views.
A map displays all reported nuisances on an interactive map with markers. Users can interact with the markers to view the number of reports for each location.
A list presents a dynamic data table listing all nuisance reports. Users can sort the data by Time, Name, and Location. This provides a detailed and sortable overview of reported incidents.
Users can modify the report status or delete reports with a valid passcode ("BaggyJeans"). The app uses MD5 hash for password verification.
Users can generate reports through a "CREATE NUISANCE REPORT" button, revealing a user-friendly report form.
- Hashify - used to generate an MD5 hash to verify password.
Because Night Crusade Titans is MIT-licensed, any developer can essentially do whatever they want with it as long as they include the original copyright and licence notice in any copies of the source code.