GithubHelp home page GithubHelp logo

codygramlich / youcanbenefit Goto Github PK

View Code? Open in Web Editor NEW

This project forked from yeg-relief/youcanbenefit

0.0 1.0 0.0 1.73 MB

YouCanBenefit is a web application that increases social benefit program discoverability for people of lesser means and their allies.

Home Page: https://youcanbenefit.edmonton.ca

License: MIT License

JavaScript 0.94% Shell 0.58% TypeScript 80.06% HTML 9.67% Dockerfile 0.21% CSS 8.52%

youcanbenefit's Introduction

home_page try it live

YouCanBenefit is a web application that increases social benefit program discoverability for people of lesser means and their allies. There are similiar projects, but where I think YouCanBenefit differs in at least some cases, is that it takes what the user likely knows -- their demographic information -- and compares against what the user likely has trouble finding -- the available social programs. It does not save user data.

Contributing

We love contributors! Here are some tips for getting started.

Slack

Join us in our Slack workspace! Get an invite here.

Setting up the development environment

This was tested on Mac OS. It should work on most Linux distros that support Node.js. Windows users should try using Linux Subsystem for now.
Angular NestJS Elasticsearch

To get started, fork this repo to your GitHub account. Clone the fork to your dev machine. Ensure you have Node.js v11 and Docker installed.

There are 3 components required to run YCB.

Frontend

This is built using Angular (the new one). Navigate to the folder frontend inside the project root in your favorite cli.

Run npm ci to install the dependencies.

Run npm start to start the frontend of the app up. You should see the app at localhost:4200.

Backend

This is built using a Node.js framework called Nest. Navigate to the folder backend inside the project root in your favorite cli.

Run npm ci to install the dependencies.

Run npm start to start the backend of the app up. You should see the routes at localhost:3000. To confirm it's working, sending a GET to localhost:3000 should yield Hello World!.

Elasticsearch

This provides the application its search and indexing abilities. You can set this up however you like, but I find using Docker is the easiest way. From their documentation:

docker run -p 9200:9200 -p 9300:9300 -e "discovery.type=single-node" docker.elastic.co/elasticsearch/elasticsearch:6.4.2

Keep in mind, this will lose all the info when it's restarted.

Next Steps

You should now be able to hit the API, have the API talk to Elasticsearch and to be able to view the app. Lets load some data into it. Navigate to localhost:4200/data and click the initialize button and wait a moment. Next, navigate to localhost:4200/data/upload and upload this JSON file. This is an example of the City of Edmonton's YouCanBenefit setup. It should give an indication it was successful after a couple of seconds. Navigate to http://localhost:4200/browse-programs/all to confirm it was successful.

Debugging

We use VS Code primarily, so it's easiest to get set up using that. For the front end, simply running the "Launch You Can Benefit frontend" debug task should pop up a debuggable instance of the Angular frontend. For the backend, ensure you have auto-attach turned on in VS Code. Run npm start from inside the /backend folder in VS Code's integrated terminal. This should automatically detect the running app and attach to it.

Security Concerns

In the event that you find a vulnerability in YouCanBenefit, please email [email protected].

youcanbenefit's People

Contributors

azure-pipelines[bot] avatar codygramlich avatar farhadmak avatar j-rewerts avatar kylecjo avatar slmyers avatar thebromoe avatar

Watchers

 avatar

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.