Giter VIP home page Giter VIP logo

neighborhood-connect's Introduction

Neighborhood Connect

Neighborhood Connect is a web app that lets community leaders share their residents' top priorities with local government. Local government can share actions on these priorities and opportunities to participate.

Getting Started

Prerequisites

To get this project setup for development you'll need:

Installing and Running

Ensure you have the prerequisites installed, and the Neighborhood Connect API running.

By default Neighborhood Connect expects the dev API to be running on http://localhost:3000 per .src/config.js

From a terminal run:

git clone https://github.com/code4sac/neighborhood-connect/
cd neighborhood-connect
npm install

To start the app run:

npm start

With the local dev API already running on the default port 3000, you'll be prompted to run this app on another port.

Contributing

Running Tests

Run automated tests with:

npm test

Neighborhood Connect is a project by Code for Sacramento.

This project was bootstrapped with Create React App.

neighborhood-connect's People

Contributors

benmillam avatar jordan-paz avatar kaleidics avatar kelfink avatar ryanmdoyle avatar spraguejdev avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

neighborhood-connect's Issues

Add tests

What kind of tests do we want to prioritize?

Post and Action files naming

Currently, we have Post and Action files. (Post, PostPage, PostPage.test) They should all be named Action/Actions but as we are writing styling and the other pages, some are still using the Post files. The test page is also for Post, not PostPage.

I've tried to remove the Post files and rename everything to Actions, but we have a few branches out that look like there updates to post. So I'm suggesting we:

  • Make sure all open/current branches with are merged with changes to the Post and/or Action files.
  • Rename styles and imports all in a single PR, along with deleting the old.

I think this would ensure we have the correct naming conventions going forward.

Read Organization from localstorage

Currently, the organization id is saved to localstorage when the organization is selected, but it's not read by the app to set the org when the page loads.

Replace hardcoding in NewActionForm.js

I made an issue on the api repo about some of the things that need to be resolved, but eventually, we need to replace the hardcoded values for the following in NewActionForm.js :

  • user_id
  • action_type_id
  • visibility

They are currently hardcoded in so that the DB accepts the request. We have no docs outlining the required fields right now, so we are sending all fields.

NeighborhoodSelector is using seeded priority types instead of API

The API has a /types endpoint which returns priority types.

The NeighborhoodSelector is still using a hardcoded (from the seed.js file) set of priority types.

Use the code in AddPriorities page to get the real priority types and populate the list with those. Then it's time to remove the types from the seed.js

Beautify the README

Currently the README is jut the standard NPM instructions. Nice, but we have lots of details already about how to stand up the project locally, connect it to an API, etc. And we should have a blurb at least which describes what this project is. Describe Neighborhood Connect

Show all the organizations on org list until search input filters it

The placeholder in the org list is by design, but we need to update it. Until we have a map built, or something much better than a list of organizations to draw from, it is easier for users to see all existing organizations until they filter them. If they hav Eno idea what neighborhood to select, they can at least scroll through all neighborhoods, this way.

Add POST requests for forms

Need the following POST/PATCH:

  • POST Actions (event)
  • POST Priority

As of 7/26 there are no POST or PATCH routes in backend API.

Issue patch requests for reprioritizations

When leaders drag a priority up or down, the app needs to send patches.

But, what about a new endpoint that we post to that just represents a new rank of five:
/orgs/43/rerank
{[ 999,24, 33, 77, 8]}

Some purification of form input

Currently the forms send raw data to the back end. We need to do some type of purification so the back end does not receive dangerous data, such as dropping a table within the body text.

Sketch file produced at hackathon

Does anyone have a copy of the Sketch file that was made during the hackathon? Not sure where to find that. Also, I don't have Sketch, so a PDF copy would be 💯.

PrioritiesPage.js neighborhood is not receiving data

On line 24 I am logging neighborhood, it is coming in as undefined. So, when we pass it as props to the component that holds the current location: <LocationHolder hood={neighborhood} /> it does not receive a title for neighborhood.

selectNeighborhood page needs styling

The icon in the header is empty, and the search results lines should be styled to match the designs ... bordered with white interior. see design sketches

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.