Coder Social home page Coder Social logo

florence_website's Introduction

Code For America Hurricane Response Hub

Installation

This site is a static Jekyll site served on GitHub Pages.

See the Jekyll docs for local installation

Hurricane Response Hub

Description: A quick response web hub for hurricane response and sharing maps and data from Shelter API

Status: The project is under development and live in production on https://florencerepsonse.org

Configuration

New pages created with the default layout type will automatically appear on the home page under the Get Help section.

A separate collection for states also dynamically generated appears below.

Known issues

See our open issues

Getting involved

Our getting started document serves as the best entry for the project for all types of contributions.

Open source licensing info

  1. LICENSE
  2. Code of Conduct

Credits and references

florence_website's People

Contributors

miklb avatar rdev0rigin avatar sbma44 avatar tdooner avatar todrobbins avatar govintrenches avatar tekd avatar rexdev11 avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar James Cloos avatar  avatar

florence_website's Issues

Styling - Popusps

STYLE

Using Bulma.

Popups need to be

  • mobile readable
  • a11y compliant
  • hold and store user notes

Cross-Origin Request Blocked

The API being served from heroku can't be loaded on the GitHub pages site due to CORS.

Need a proxy or headers set on the heroku instance if possible.

consider making NC DPS link more prominent.

here is only a single buried link to NC's page on Hurricane Florence. https://www.ncdps.gov/florence The NC State Resources link goes to a page of evacuations that I'm, pretty sure is old news, with a tiny link to the the DPS Florence page at the bottom. Please consider making it more prominent.

From emailed comments on site

Mobile First Layout - Responsive Templates

I believe that the majority of the users would be using this site from a mobile device. Making sure that it's mobile friendly would be important.

Mostly what Im notice is the content stacking for small screens. Im not seeing much in the way of responsiveness. In my opinion, a single column layout is better for mobile. It helps people navigate content with small screens not having to worry about a horizontal scroll (aside from looking on maps).

add "Share" feature

Something so people can share the site on social media- Facebook, Twitter, Instagram?

Also, maybe email / text

Header Nav Plan

Better IA is needed to organize critical links for the header nav, what can go in a hamburger menu on mobile (different mobile nav approach?)

Integrating the data in the florence API with CEDR

CEDR provided us an additional listing of shelters;
dedupedlist.csv.zip

2 Main things to do with this:

A]

Data issues:

@Jana Pawlak (CEDR) is hoping that the florence website will be able to sync or maintain data
with "We’ll feed you any new shelters we find especially as we shift focus to new states, and you’ll let us know as their status changes"

Additional Workflow issues:

  • Determine whether CEDR will update a shelter's status (full, etc) at https://hurricane-florence-api.herokuapp.com/ If not; how to reconcile their updates with ours.

  • Column names differ in several instances between CEDR and the florence API (eg: long vs. longitude):

  • Data is formatted slightly differently. Example: in the pets column; we use values of yes and unknown to represent whether a place is pet friendly; In human_animal_animal_friendly of CEDR's sheet, CEDR uses 'pet friendly' and 'no pets' and also additional values that captures nuances and details not included in the Florance.

We'll need to figure out how to transform the columns to and data to match each other schemas here:

there's a couple options here: duplicating columns with 1 column with CEDR's preference and another with the florence API - that's duplicating data and can lead to issue when you don't know which column is correct if when someone only updates one column:

or
using a script on our end to rename the columns from one to another and format its contents.
agate and csvkit are two possible tools to use but by no means the only ones to use.
This could even be done in an excel macro possibly?

Google Maps API

I grabbed a new API key but it's requesting billing info to allow it in production. Do we have access to an account?

By county evacuation orders

Beaufort
Entire County - Voluntary Evacuation Status

Bertie
Voluntary Evacutation - Low lying areas and the Waterfront

Brunswick
Mandatory Evacuation - Low lying areas and Sub-Standard housing
- Holden Beach (Visitors)
- Oak Island (Visitors)
Voluntary Evacuation - Unincorporated areas
- Holden Beach (Residents)
- Oak Island (Residents)
- Navassa

Carteret
Mandatory Evacuation for Atlantic Beach, Emerald Isle, Indian Beach & Pine Knoll Shores

Craven
Mandatory Evacuation - Countywide

Currituck
Mandatory Evacuation - Outer Banks

Dare
Mandatory Evacuation - Countywide including Hatteras

Duplin
Voluntary Evacuation - Countywide

Hyde
Mandatory Evacuation - Countywide Mainland and Ocracoke Island

New Hanover
Mandatory Evacuation - Carolina Beach, Kure Beach, Wrightsville Beach
Voluntary Evacuation - Countywide including UNCW

Onslow
Mandatory Evacuation - Topsail
Voluntary Evacuation - Unincorporated areas of the County

Pamlico
Mandatory Evacuation - Countywide

Pender
Mandatory Evacuation - Topsail

Tyrrell
Mandatory Evacuation - Countywide

move the Contact US(Website comments) out of do you need help section

Under the heading “Do You Need Help?,” the first link is Contact. That context would make me think help is being offered with hurricane-related issues. However, it is not for help for hurricane victims at all, it is for submitting website comments. I'd suggest making the heading Contact Us about The Website, and moving OUT of the Do You Need Help section.

From emailed commnets

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.