{"id":16443116,"url":"https://github.com/andreihar/nct","last_synced_at":"2025-10-27T03:31:36.012Z","repository":{"id":212809818,"uuid":"732311911","full_name":"andreihar/nct","owner":"andreihar","description":"App for reporting and managing public nuisances","archived":false,"fork":false,"pushed_at":"2024-09-28T19:43:41.000Z","size":50801,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-01T01:51:17.730Z","etag":null,"topics":["angular","firebase","leaflet","public-safety","superhero"],"latest_commit_sha":null,"homepage":"https://nct.andreihar.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/andreihar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-12-16T08:55:25.000Z","updated_at":"2024-09-28T19:43:44.000Z","dependencies_parsed_at":"2024-05-19T05:20:07.324Z","dependency_job_id":"bb8c4171-ccfb-48d8-ab25-c590b0757b85","html_url":"https://github.com/andreihar/nct","commit_stats":null,"previous_names":["andreihar/nct"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreihar%2Fnct","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreihar%2Fnct/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreihar%2Fnct/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreihar%2Fnct/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/andreihar","download_url":"https://codeload.github.com/andreihar/nct/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238431592,"owners_count":19471419,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","firebase","leaflet","public-safety","superhero"],"created_at":"2024-10-11T09:19:30.261Z","updated_at":"2025-10-27T03:31:30.630Z","avatar_url":"https://github.com/andreihar.png","language":"TypeScript","readme":"\u003c!-- PROJECT LOGO --\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/andreihar/nct\"\u003e\n    \u003cimg src=\"readme/logo.svg\" alt=\"Logo\" width=\"80\" height=\"80\"\u003e\n  \u003c/a\u003e\n  \n# Night Crusade Titans\n\n\n\n\u003c!-- PROJECT SHIELDS --\u003e\n[![Contributors][contributors-badge]][contributors]\n[![Licence][licence-badge]][licence]\n[![LinkedIn][linkedin-badge]][linkedin]\n\n**A superhero-themed app for reporting and managing public nuisances in the Lower Mainland**\n\nApp 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.\n\n[Live Demo][demo]\n\n\n\nhttps://github.com/andreihar/nct/assets/95883512/f3af6ccf-3d18-4ea8-a655-65aa37149859\n\n\n\n\u003c/div\u003e\n\n\n\n---\n\n\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails open\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n\t  \u003cli\u003e\u003ca href=\"#install\"\u003eInstall\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#features\"\u003eFeatures\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n          \u003ca href=\"#home-page\"\u003eHome Page\u003c/a\u003e\n          \u003cul\u003e\n            \u003cli\u003e\u003ca href=\"#map-display\"\u003eMap Display\u003c/a\u003e\u003c/li\u003e\n\t\t\t      \u003cli\u003e\u003ca href=\"#data-list\"\u003eData List\u003c/a\u003e\u003c/li\u003e\n          \u003c/ul\u003e\n        \u003c/li\u003e\n\t\t    \u003cli\u003e\u003ca href=\"#report-management\"\u003eReport Management\u003c/a\u003e\u003c/li\u003e\n\t\t    \u003cli\u003e\u003ca href=\"#report-creation\"\u003eReport Creation\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#lighthouse-report\"\u003eLighthouse Report\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contributors\"\u003eContributors\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#acknowledgements\"\u003eAcknowledgements\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#licence\"\u003eLicence\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n## About The Project\n\nNight Crusade Titans is the final project created for the course in Client-side Development in the Fall semester of 2023. The theme of the course was learning front-end concepts, including frameworks, web services, and web architectures.\n\nThe application aims to streamline the process of reporting public disturbances, providing users with a user-friendly interface to submit and manage nuisance reports. By utilizing Angular for the front end and Firebase for database services, the app offers a comprehensive set of features for both users and administrators without making the architecture too complicated.\n\nNight Crusade Titans stands out with its vibrant superhero theme. The aesthetic design of the website incorporates dark colors and an engaging user interface that captures the essence of superhero lore. This theme aims to make the reporting process more enjoyable and engaging for users, encouraging community involvement and making the task of reporting nuisances feel more like a collaborative effort in maintaining public safety.\n\n### Built With\n\n* [![Angular][angular-badge]][angular]\n* [![Bootstrap][bootstrap-badge]][bootstrap]\n* [![Firebase][firebase-badge]][firebase]\n* [![Leaflet][leaflet-badge]][leaflet]\n\n\n\n\u003c!-- INSTALL --\u003e\n## Install\n\nRun the app locally:\n\n```bash\n$ npm install\n$ cp .env.example .env\n```\n\nFill in the required values for the Firebase in the `.env` file.\n\n```bash\n$ node env-config.js\n$ ng serve -o\n```\n\nThe website can be accessed through the URL `http://localhost:4200/`.\n\n\n\n\u003c!-- FEATURES --\u003e\n## Features\n\n### Home Page\n\nThe 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.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/home.jpg\" alt=\"Home Page\" width=\"550\"\u003e\n\u003c/p\u003e\n\n#### Map Display\n\nA 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.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/map.jpg\" alt=\"Map View\" width=\"550\"\u003e\n\u003c/p\u003e\n\n#### Data List\n\nA 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.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/list.jpg\" alt=\"List View\" width=\"550\"\u003e\n\u003c/p\u003e\n\n### Report Management\n\nUsers can modify the report status or delete reports with a valid passcode (\"BaggyJeans\"). The app uses MD5 hash for password verification.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/report.jpg\" alt=\"Report Details\" width=\"550\"\u003e\n\u003c/p\u003e\n\n### Report Creation\n\nUsers can generate reports through a \"CREATE NUISANCE REPORT\" button, revealing a user-friendly report form.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/form.jpg\" alt=\"Form\" width=\"550\"\u003e\n\u003c/p\u003e\n\n\n\n\u003c!-- LIGHTHOUSE --\u003e\n## Lighthouse Report\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"readme/audit.jpg\" alt=\"Audit\" width=\"500\"\u003e\n\u003c/p\u003e\n\n\n\n\u003c!-- CONTRIBUTORS --\u003e\n## Contributors\n\n- Andrei Harbachov ([GitHub][andrei-github] · [LinkedIn][andrei-linkedin])\n\n\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n## Acknowledgements\n\n- [Hashify][hashify] - used to generate an MD5 hash to verify password.\n\n\n\n\u003c!-- LICENCE --\u003e\n## Licence\n\nBecause 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.\n\n\n\n\u003c!-- MARKDOWN LINKS --\u003e\n\u003c!-- Badges and their links --\u003e\n[contributors-badge]: https://img.shields.io/badge/Contributors-1-44cc11?style=for-the-badge\n[contributors]: #contributors\n[licence-badge]: https://img.shields.io/github/license/andreihar/nct.svg?color=000000\u0026style=for-the-badge\n[licence]: LICENSE\n[linkedin-badge]: https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\n[linkedin]: https://www.linkedin.com/in/andreihar/\n[angular-badge]: https://img.shields.io/badge/Angular-b52e31?style=for-the-badge\u0026logo=angular\n[angular]: https://angular.io/\n[bootstrap-badge]: https://img.shields.io/badge/Bootstrap-7b12f8?style=for-the-badge\u0026logo=bootstrap\u0026logoColor=ffffff\n[bootstrap]: https://getbootstrap.com/\n[firebase-badge]: https://img.shields.io/badge/Firebase-4c4c4c?style=for-the-badge\u0026logo=firebase\u0026logoColor=FFC400\n[firebase]: https://firebase.google.com/\n[leaflet-badge]: https://img.shields.io/badge/Leaflet-199900?style=for-the-badge\u0026logo=leaflet\n[leaflet]: https://leafletjs.com/\n\n\u003c!-- Technical links --\u003e\n[demo]: https://nct.andreihar.com/\n[hashify]: https://hashify.net/\n\n\u003c!-- Socials --\u003e\n[andrei-linkedin]: https://www.linkedin.com/in/andreihar/\n[andrei-github]: https://github.com/andreihar","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandreihar%2Fnct","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandreihar%2Fnct","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandreihar%2Fnct/lists"}