Thanks to visit codestin.com
Credit goes to github.com

Skip to content

asanjeevrao/covid-maps

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

covid-maps

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.

👩‍💻 Contributing to the project 👨‍💻

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.

Pushing your changes

  • Comment on the issue you are working on to inform others.
  • Fork the repo. Build the feature.
  • Send in a PR when done!

Project structure

  • 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)

Usage

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.

Deployments

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

Google sheets integration

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
  • Column ordering can be changed without code changes - it will require a server restart
    • So that the cached header row is deleted

Location input - test scenarios

  1. "Update info" flow from homepage -> submit.
  2. Type on search field on submit
  3. Drag marker
  4. Drag map (marker stays in the center; "mobile friendly drag")

Formatting

npx prettier --write --trailing-comma none --arrow-parens avoid src/**/*.js

About

Crowd-sourced data on essential services around you

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 86.9%
  • Python 7.4%
  • CSS 3.1%
  • HTML 2.6%