Add usage information

Author: LaSpruca

README.md

@@ -7,8 +7,16 @@ Times of interest
 ![LINES OF CODE](https://img.shields.io/tokei/lines/github/Questionable-Research-Labs/Govhack-2021?style=for-the-badge)
 ![LICENSE](https://img.shields.io/github/license/Questionable-Research-Labs/Govhack-2021?style=for-the-badge)
 
-A web app designed to allow everyone easy and user-friendly access to a map of COVID-19
-locations of interest.
+Toi (pronounced "toy") is a tool that lets you visualize the all the COVID-19 locations of interest and outlined by the New Zealand Ministry of Health, and allows you to filter by name and by time.
+
+## Features
+- Filtering by date, so you can see if you were in an area of interest during any given period of time
+- Search for location by name
+- Push notification for when new locations are added
+- Insatiable PWA with offline support
+- Intuitive map interface
+
+For a walk though visit [walkthrough.md](walkthrough.md)
 
 ## Toi Backend code
 Available at [Questionable-Research-Labs/Govhack2021-backend](https://github.com/Questionable-Research-Labs/Govhack2021-backend)

screenshots/bell-icon.png

@@ -0,0 +1,41 @@
+# Usage
+## Welcome screen
+When you first open the app, you will be brought to the welcome screen 
+
+![Welcome screen](https://raw.githubusercontent.com/questionable-research-labs/govhack-2021/main/screenshots/welcome.png)
+
+To view the application click on `View the map`
+
+*Note*: This screen will be skipped if you have installed as a PWA
+
+## The map
+The meat of and potatoes of the application happens here
+
+![Map Screen](https://raw.githubusercontent.com/questionable-research-labs/govhack-2021/main/screenshots/welcome.png)
+
+This is the view of the map with all of the COVID-19 locations of interest.
+
+### Date filtering
+You can filter the locations by using the slider at the bottom
+![Date filter](https://raw.githubusercontent.com/questionable-research-labs/govhack-2021/main/screenshots/welcome.png)
+
+Drag the point change the date range, the filter range will be reflected in the header
+
+![Date filter results](https://raw.githubusercontent.com/questionable-research-labs/govhack-2021/main/screenshots/date-results.png)
+
+### Name filtering
+
+Enter the name of the location to filter results in the Address/Location field
+
+![Date filter results](https://raw.githubusercontent.com/questionable-research-labs/govhack-2021/main/screenshots/date-results.png)
+
+### Push notification
+
+Push notifications for new COVID-19 Locations of Interest can be enable or disabled by pressing the bell button.
+
+![Bell Icon](https://raw.githubusercontent.com/questionable-research-labs/govhack-2021/main/screenshots/bell-icon.png)
+
+
+Enable or disable notifications with the button
+
+![Bell Icon](https://raw.githubusercontent.com/questionable-research-labs/govhack-2021/main/screenshots/notification-popup.png)