Covid Maps is a crowd-sourced app that helps you track the latest information on essential services operating around you during the Covid-19 shutdowns.
Developers looking to contribute to this project can get started by filtering for good-first-issues
Once you've gotten a hang of the code base, check out the Prioritized Feature List which has also been pinned on the Issues Board
Join our WhatsApp Developer group to engage with the team working on this project.
- Comment on the issue you are working on to inform others.
- Fork the repo. Build the feature.
- Send in a PR when done!
- This is a react app built with the create-react-app scaffolding
- Using react-router for navigation (docs)
- Using bootstrap (with the react-bootsrap package) basic css styling
- For UI changes, use these docs for components etc that bootstrap gives out of the box
- Integration with google maps and google sheets as database (sheets to be built out)
The app requires Node.js to be installed locally. Once you have Node, run the following from the project directory. This would setup the local dev server on http://localhost:3000.
npm install
npm start
Strictly optional: setup Prettier in your editor for code formatting.
We have continuous deployment on every push to master with a Netlify integration. Give a minute or two for the changes to deploy after a push.
The app is deployed at https://peaceful-rosalind-47c3e2.netlify.com
The sheet is at https://docs.google.com/spreadsheets/d/1jFQrYwbhPIaRL6t4TnpTO7W905U0B-W1FXS-GBYwz7M/edit#gid=0
- The app depends on the column names and sheet ordering for now
- If any of these need to be changed, remember to update the code (the react app only), including:
- Submit form
onSubmit - "Share your experience" flow from home page to submit
- Showing results in
ResultBlock
- Submit form
- Column ordering can be changed without code changes - it will require a server restart
- So that the cached
header rowis deleted
- So that the cached
- "Update info" flow from homepage -> submit.
- Type on search field on submit
- Drag marker
- Drag map (marker stays in the center; "mobile friendly drag")
npx prettier --write --trailing-comma none --arrow-parens avoid src/**/*.js