Giter Club home page Giter Club logo

mutual-aid-networks's Introduction

Welcome to Mutual-Aid-Networks! This site is for organizing mutual aid efforts within your community.

Setup

1. The general development workflow is as follows:

  • Fork the Mutual-Aid-Networks repo
  • Make changes to your forked repo
  • Send PRs from the forked repo to the main Mutual-Aid-Networks repo

2. Merging your changes to the main Mutual-Aid-Networks repo

A. update your forked master branch to match the main Mutual-Aid-Networks master branch:

  • Set up the original Mutual-Aid-Networks admin repo as a remote (this only has to be done once): git remote add upstream https://github.com/townhallproject/mutual-aid-networks.git
    • To verify that the remote was added: git remote -v
  • git checkout master
  • git pull upstream master
    • this brings all new content from the main Mutual-Aid-Networks repo into the current branch of your cloned repo
  • git push origin master
    • this sends those changes to your fork

B. Rebase your topic branch onto your fork's master, which is now up to date with everyone elses changes:

  • git checkout <your branch>
  • git rebase master
    • if there are any problems they will become apparent here
  • git push origin master

C. Create a pull request to the main Mutual-Aid-Networks repo master

  • use the github UI

3. Setting Up in Local Environment

A. Download the files

Clone this repository to a folder of your choice on your local machine:

  • git clone https://github.com/townhallproject/mutual-aid-networks.git

  • Navigate to the newly cloned repository folder

  • Install the project dependencies:npm i

  • Run npm start to open in localhost

  • Please reach out to Ricky at [email protected] for environmental variables. -Once you receive this information please create an .env file at the root level (same level as .gitignore) and copy and paste information into that file. Env file referenced at bottom of read me.

4. Devtools setup

React and Redux devtools can be helpful tools to install for debugging in Chrome:

5. 🎂 Congratulations you're done 🎂

When you encounter new problems, make SURE to edit this README with updated information so that future coders can spend more time being productive!

6.

.env file should look like this below with the coresponding information

REACT_APP_TESTING_FIREBASE_API_KEY=
REACT_APP_TESTING_FIREBASE_AUTH_DOMAIN=
REACT_APP_TESTING_DATABASE_URL=
REACT_APP_TESTING_PROJECT_ID=
REACT_APP_TESTING_STORAGE_BUCKET=
REACT_APP_TESTING_MESSAGING_SENDER_ID=
REACT_APP_MAPBOX_STYLE_URL=
REACT_APP_MAPBOX_API_KEY=
NODE_ENV=development

mutual-aid-networks's People

Contributors

alan-mag avatar dependabot[bot] avatar ianhunterharold avatar kel29 avatar meganrm avatar nathanmwilliams avatar powerc9000 avatar rdela avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

mutual-aid-networks's Issues

Add Privacy Policy link at bottom of main page

Privacy Policy
Information about your use of this website is collected using Google Analytics. The collected information consists of the following:

The IP address from which you access the website;
The type of browser and operating system you use to access our site;
The date and time you access our site;
The pages you visit; and
The addresses of pages from where you followed a link to our site.
Part of this information is gathered using a tracking cookie set by the Google Analytics service and handled by Google as described in the Google privacy policy. See your browser documentation for instructions on how to disable the cookie if you prefer not to share this data with Google.

We use the gathered information to help us make our site more useful to visitors and to better understand how and when our site is used. We do not track or collect personally identifiable information or associate gathered data with any personally identifying information from other sources.

By using this website, you consent to the collection of this data in the manner and for the purpose described above.

User-Submitted Data
This website may use Google or other forms to collect data from the user. All data collected will be used in accordance with instructions on the intake form. If you do not wish your data displayed, contact [email protected] to have it removed.

create the 'other resources' tab

Render a list/cards/table of these on the second tab

[
  {
    "name": "Collective Care Is Our Best Weapon against COVID-19",
    "creator": "Kitty Stryker",
    "link": "https://docs.google.com/document/d/1uP49OQGhosfBN4BOYQvyy_Mu3mpCSOYzip13LksC-S8/edit"
  },
  {
    "name": "COVID-19 Communication Symbols",
    "creator": "Nelini Stamp",
    "link": "https://docs.google.com/document/d/1-Qh0YEj6_7pG6BTTGWN7EwYkfw2CfpRYheL8mzvk_ZU/edit"
  },
  {
    "name": "A Neighborly Invitation Regarding Coronavirus",
    "creator": "",
    "link": "https://docs.google.com/document/d/1waIh2V3ziWUCXgrBW9O4UaYu8u5oPWx8vvhTcGng_GA/edit?fbclid=IwAR0kJlyPsBoXyH0xnOrR927s5-dwsgl5tLdKfFpZBEDWSjsS_FYpDTg-z1E"
  },
  {
    "name": "Neighborhood Pods How-To",
    "creator": "Mutual Aid Medford and Somerville",
    "link": "https://docs.google.com/document/d/1j8ADhLEuKNDZ1a_opmzudywJPKMXcNKu01V1xY2MiIA/preview"
  },
  {
    "name": "Coronavirus Resource Kit",
    "creator": "",
    "link": "https://docs.google.com/document/d/1Rcan4C_e6OBFBI5bUn7MtYK74Ab-WarxyJmDvZUI_YA/preview"
  },
  {
    "name": "Printable Mutual Aid Flyer",
    "creator": "",
    "link": "https://drive.google.com/drive/folders/1XfCqfe74KxhtcXm2Mx4mmfAW-aIXRUgF"
  }
]

Add simple "About" page

This site is built and maintained by Town Hall Project.

Town Hall Project is a 501(c)(3) non-profit organization dedicated to lifting up the voices of Americans to lawmakers and other people in power. We created Mutual Aid Hub to highlight the incredible work of mutual aid organizers around the country, and to facilitate connections and shared strategies in this growing movement of community support.

We do not directly organize or coordinate any individual mutual aid effort. We do our best to curate and filter groups doing relevant, valuable work in their communities, but we cannot verify or vouch for any network or individual offerings. Please exercise all necessary judgement when interacting with community members not previously known to you.

To learn more about Town Hall Project visit townhallproject.com/#about.

action/selector for changing category

Current categories: 'General' (including having the field blank), 'Support Request', 'Support Offer', 'Information'

Create an action that allows the user to filter to just Support Request or Support Offer or all;

Edit site copy to push people in need to map

Too many people with needs are using the "Submit a Mutual Aid Network" form.

Change copy below map to:

"Find Mutual Aid Networks and other community self-support projects near you. Reach out to these groups directly via the map above to get involved, offer resources, or submit needs requests."

Some Urls are undefined.

If a network, such as
Screen Shot 2020-03-18 at 10 55 38 PM doesnt have any of the properties in this if else chain
https://github.com/townhallproject/mutual-aid-networks/blob/54f8d1b3f107f74d3c83e38267764dba22aaf347/src/components/Map/index.js#L141

The URL ends up as https://www.mutualaidhub.org/undefined. However there is a propper URL somewhere for most of these because in the slide out the links work
Screen Shot 2020-03-18 at 10 57 16 PM

I think on mobile you don't event see the slide out menu so most users would just find a 404 page trying to find help.

Dots overlap meaning on cannot be clicked on.

On a mobile view you don't get a listing of groups as on desktop.

So you can't see every group in an area if the points are stacked. In Salt lake city there are two networks right on top of one another. Only one of them can ever be selected and a mobile user would never know the other existed. Should bump the longitude slightly for either of the Salt Lake City Utah ones so they are not right on top of one another.

Add Spanish copy to site

Eventually would be great to have a "EN ESPAÑOL" toggle at the top eventually, but fine if these are just added next to existing copy for the moment.


Find Mutual Aid Networks and other community self-support projects near you. Join these important efforts, offer resources, or submit needs requests.

Busca una rede de auto-ayuda o de (Mutual Aid Networks) o de otros proyectos en tu vecindad. Únete a uno de estos esfuerzos, ofrece recursos de necesidad, o presenta una solicitúd.


"We list these networks as a public resource. We cannot verify or vouch for any network or individual offerings. Please exercise all necessary judgement when interacting with community members not previously known to you."

Presentamos estas grupos cómo recurso de uso público. No podemos ni verificar ni confirmar cualquiera rede ni oferta particular. Favor de ejercer todo el juicio necesario cuándo interactuando con personas desconocidas en su vecindad.

Create /dataset page with CSV download link

CSV download from Mutual Aid Networks google sheet Rows A - N (NOT the personal contact info columns): https://docs.google.com/spreadsheets/d/1X7E_XqBs7Pdlb7KDUG8g4jkDY3lfHj4AJV0LRYF2VQE/[email protected]&ts=5e825d14&actionButton=1#gid=0

Followed by license copy:

North American Mutual Aid Network Open Data Set

This data set was compiled by Mutual Aid Hub volunteers and provided for general informational purposes only. Mutual Aid Hub is a free, public resource made available by Town Hall Project Education Fund, a 501(c)(3) non-profit organization.

We list these mutual aid networks as a public resource. We cannot verify or vouch for any network or individual offerings. Please exercise all necessary judgement when interacting with community members not previously known to you. Neither Mutual Aid Hub nor Town Hall Project shall be liable for any special or consequential damages that result from the direct or indirect use of, or the inability to use, the information in this data set.

Mutual Aid Hub - https://www.mutualaidhub.org/
Town Hall Project - https://townhallproject.com/

ODC Public Domain Dedication and Licence (PDDL)
https://opendatacommons.org/licenses/pddl/1.0/

Add Puerto Rico box

Non-urgent until we find Puerto Rico groups, but it's a big US population.

Adding food resource

schema for food resource: https://github.com/townhallproject/mutual-aid-hub-server/blob/master/food-resource/schema.js
We'll do this all on a branch and then merge in since it's a lot of interlocking pieces

  • Add food resources to the tileset -Megan
  • Read in the data from food_resource in database. -Megan
  • Change category filters to be Food Resource or Network instead of General Offer Support etc
  • In popover for food resource, show the types of resources available and contact info
  • Rename "table view" to "Table of Networks" and make a "table of food resources"

filter by tags and languages

displayFilterTags is an array.
On search, show filter tags available for the search results, make checkboxes for filtering.
Be nice to show now many in the text of the filter tag.

Update headers for Press

-Add "State" column and make State column sortable

-Remove "Link" column and have Title clickable to link to external url

Read in data and render in simple cards

  1. make a NetworkCard component in /components using an antd card. 2. Just render all of the networks in a list of cards (dont worry too much about styling )

Adjustments to Table View format

  1. New order of columns:
    Organization
    City
    State
    Languages
    Get Involved

  2. Limit "Location" text displayed to City.

  3. Reduce length of "Organization" column. Okay if it cuts off some of the longer ones.

  4. Change "Information" button to "General"

  5. Set default sort order to Alpha by state (starting with AK, AL, etc...)

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.