final-project-weblogix created by GitHub Classroom
Description
• Crime Catch was an exciting web-project that was built using Angular at the front-end and NodeJs as the back-end and a shared MongoDB cloud storage.
• The goal of this project was personally inspired being an international student in the United States to help every student or any individuals find a safe area/street while traveling or searching accommodation, etc.
• This was accomplished by first obtaining a crimes data-set for Boston, MA from kaggle.com and then integrating with Angular Google Maps providing filter by crimes or streets.
• Another SOS feature was added using NodeMailer to help individuals to alert its emergency contact providing the current location during any time of crisis. Apart from these, Angular Material Design was used for forms and validations; PassportJS and JWT token for authentication; ChartJS for displaying different types of analysis, NewsAPI for providing result based real-time news feed to the user.
Citizen
| USER STORY | ACCEPTANCE CRITERIA |
|---|---|
| Unregistered user should see the link for sign up to get access to features present on the website | #Sign up button should appear on the home page #User should get successfully navigated to the sign up form page |
| Unregistered user should be able to enroll herself/himself by filling up the sign up form | #User should encounter sign up form #User should enter his/her email address which will be treated as username for further logins by the same user #User can set password of their choice considering the given guidelines #User must re-enter the password for validation #User can also fill up the non mandatory fields present on the form |
| Registered user should see the link for sign in for login in into the website | #Login button should appear on the home page #User should get successfully navigated to login form page #User should enter correct username with the parallel password in order to get authenticated |
| “Fact” tab should be visible to user in the navigation bar of the website | #Facts tab should appear on the navigation bar of the website #On click of the link user will be navigated to a page where user can apply filters in order to view plot crimes in graphs based on the parameters provided |
| “View crimes” tab should be visible to user in the navigation bar of the website | #On click of the link user will be navigated to a page where user should see live map of the locality and makers should be displayed on the maps based on the filter applied |
| “Report crime” tab should be visible to user in the navigation bar of the website | #On click of the link user will be navigated to a page where user can report crimes encountered by the user by providing details expected in the form on the page #User should receive text message once the status of the reported request is changed |
| “Create alerts” tab should be visible to user in the navigation bar of the website | #On click of the link user will be navigated to a page where user can create alerts based on the selected location #Subscribed user should receive text message in an event of alert broadcast by authority |
| “Read news feed” tab should be visible to user in the navigation bar of the website | #On click of the link user will be navigated to a page where user should see updated news fields #Only registered user should be able to place comment on the news blog #Unregistered user should be prompted with the signup/login page before placing comment |
| “Share my current location” tab should be visible to user in the navigation bar of the website | #On click of the link user will be navigated to a page where user can share their live location to other user #Other user should receive a link from which location can be tracked on maps |
Police
| USER STORY | ACCEPTANCE CRITERIA |
|---|---|
| “Accept citizen” tab should be visible to user in the navigation bar of the website |
#User should see the pending request by the citizen #User can click “accept” or “decline” buttons after authenticating the user #User profile of the citizen should be created based on click action of the user |
| “Verify reported incident” tab should be visible to user in the navigation bar of the website |
#User should see the pending reported crime list by the citizen #User can click “accept” or “decline” buttons after verification of the incident #Case should be filed based on the action of the user |
| “View incidents” tab should be visible to the user in the navigation bar of the website |
#All the existing reported crimes by the citizen should be listed on the page #By clicking on the incident, user can view details of the incident #User can also update the status of the incident reported |
Domain Driven Design -1
Domain Driven Design -2 (ER Diagram)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent