Code Monkey home page Code Monkey logo

food4thought's Introduction

Summer Meals

Angular5 app that allows families to locate free summer meal programs near them.

The Need for Summer Meals

During the school year, 62% of Oklahoma kids rely on free-and-reduced meals to receive proper nutrition; many of these students do not have access to adequate nutrition outside of school. In Tulsa, a staggering 84% of students rely on free-and-reduced meals. Individual families, as well as nonprofits could greatly from knowing when and where summer meals programs are available.

Summer Café

Summer Café provides nutritional breakfasts and lunches to children, 18 years of age and younger, free of charge. More than 70 sites will be serving breakfast and/or lunch throughout the Tulsa Public Schools district. Summer Café begins June 1 and runs through August 4. Meals are provided to all children 18 and under. No application or ID necessary.

Web App

This website uses Mapbox, as well as data provided by Hunger Free Oklahoma, to provide an interactive map that will help locate summer meals programs, and get more information on when locations are open, and what is provided.

Built With

  • Angular 5 - Front-end Javascript Framework
  • Mapbox GL JS - Mapbox GL JS is a JavaScript library that uses WebGL to render interactive maps
  • Turf.js - An open-source analysis library that performs spatial analysis in the browser and in Node.js.
  • Node.js - A JavaScript runtime built on Chrome's V8 JavaScript engine.

Try it out

We are not completely finished with the code. If you would like to run app on localhost follow these steps:

  • fork code and navigate into root folder in terminal
cd angularCS
  • install dependencies
npm install
  • Serve it up. (port number is arbitrary)
ng serve --port 1309

food4thought's People

Contributors

vicagbasi avatar lesleyjanenorton avatar kennythewizard avatar chimchim237 avatar smilesbright avatar groovecoder avatar

Stargazers

 avatar Corey Thompson avatar Corey Thompson avatar Karel Vanhelden avatar Lucy Wingard avatar Brancen Gregory avatar  avatar Dillon Adams avatar Kimberly Collins avatar Margeaux Spring avatar Josh Mize avatar  avatar

Watchers

James Cloos avatar gleefulcoder avatar  avatar  avatar Diana Varnes avatar Dillon Adams avatar Stephanie Payne avatar  avatar

food4thought's Issues

Geolocations

This might be a phone issue but:

• Geolocations
o Working great on computer. It prompts the box to allow or block your location.
o NOT working on my iPhone. I even tried it three times to see if it was just me.

Move zoom in/out arrows on maps to top of page

Currently, the + and - buttons are located toward the bottom right and do not stand out. If you use finger gestures to zoom in and out the entire page zooms, not just the map.

Suggestion: Put + and - buttons for map at top right and make larger.

Spanish Translation

We need to make sure we have a Spanish Contingency Plan. Can we a) translate the site b) put key english and spanish phrases together "find food/encontrar comida" c) put a banner that says "if you need help finding food please call 211 or text comida to 877-877" om spanish?

Admin page

Add an admin page to add/update directory of sites.

Expectation setting with users

As a user, I can identify that the meals distributed are for 18-year-olds and under
As a user, I can identify that the meals need to be eaten on onsite

Discussed placing this in the footer. See attached screen capture
screen shot 2018-04-26 at 2 24 29 pm

Domain: meals4kidsok.org

Domain needs to be either redirected to heroku, OR we need to deploy to the server at ns1.tulsawebdesign.com

New About page content

Add the following to about page:
(Approved by Richard and HFO)

What is the Oklahoma Summer Meals Program?

The Oklahoma Summer Meals Program is administered by the Oklahoma State Department of Education. While school is out for the summer, over 100 sponsoring organizations, serving hundreds of sites across the state, provide no-cost meals to kids 18 and younger. Many sites serve both breakfast and lunch or lunch and a snack.

  • Any child can receive a meal.
  • Meals must be eaten on site.
  • No ID is necessary to participate.
  • Children do not need to be accompanied by a parent to receive a meal.

How do I find a meal site near me?

  • Clicking the “Find Food” button in the top right-hand corner of your screen will show a map of the nearest sites in a 10-mile radius.

  • Use the search bar located at the top of the page to look for a site near a different location.

  • Filter your search by sites that are “open now” and what types of meals served (i.e. breakfast, lunch, and dinner).

  • Select the “Get Directions” button for Google Map directions to the site.

About the website:
This map was created in partnership with Code for Tulsa, Hunger Free Oklahoma, and the Oklahoma State Department of Education to help families locate summer meal sites faster than ever before.
About the partners:
[Code for Tulsa logo]: Code for Tulsa is among about 70 Code for America “brigades” nationwide that help code and data specialist bring their technology skills to the process of connecting people to their local governments. The Tulsa brigade was one of the earliest to organize as the Code for America ideas expanded starting in 2009.

[Hunger Free Oklahoma logo]: Hunger Free Oklahoma works to bring a unified, statewide voice to the issues and solutions surrounding hunger, with a goal to ensure all Oklahomans have access to affordable, nutritious food. We are leveraging the power of collaboration to solve hunger in Oklahoma by improving systems, policies, and practices.

[Oklahoma State Department of Education logo:] The Oklahoma State Department of Education is charged with determining the policies and directing the administration and supervision of the public school system of Oklahoma. This includes administering the summer meals program, school breakfast and lunch programs, and afterschool meal programs.
 

All Meal Sites listing box only loads once

When I load the app and click "Find Food!", I can then select "All Meal Sites" and the listing box will appear. If I then navigate to the "About" or "Full Directory", then either hit the back button or select the "Find Food" button in the navigation bar, the listing box will not load anymore. I have to reload the site to get it to work again.

Page Anchors

Right now if you navigate from one page to another it does not start you at the top of the page. Can we anchor pages to the top?

Add contact info on each page

"Hi all, one more thing to add... sorry! No FAQS for now but we do have a concern about contact. Can we put contact info on every page to the effect of - Have questions or trouble using this map? Please contact Hunger Free Oklahoma at [email protected] or by calling 918 591 2460."

@JosephAMumford

Application Flow and Operation Mapping

The application flow and operation mapping needs to be carried out to assist current and future development efforts. This will include flowcharts and graph map methodologies to ensure that the clarity of the small details are preserved.

Add Google Analytics

Let's create a Google Analytics account for this project, and then make sure we add the GA javascript code to be able to track usage.

Search for City in the Search Bar and Find Food in the City Entered

Similar to issue #15 but this the user cannot search for a city to find food in.

Currently, if you enter the value "Tulsa" the meal maps search will change your entry to "Turkey" and display the country Turkey. Please see attached images

tulsa entry

![results](https://user-images.githubusercontent.com/38706124/39326756-9ecf0706-495b-11e8-85e4-fa9fb4a3dbf9.png)

Google directions: looks like an error.

Everyone in our office just tested the "get directions" and google is pulling up for all of us with a "00" in the location.

So it is not giving directions based on geolocation automatically.

Default Sort for Directory/Drop Down

Right now it looks like the directory and the search drop down are just reflecting how the sheet was uploaded. Can we get them to automatically filter by something - either A-Z or by location on the Map?

Adding Fields to the Map "pop outs"

I know this is being worked on but I just wanted to log it officially while I am working with my team on next steps. Add:

Days open, Meal times, contact phone

image

Search for an address without a zipcode

As a user, I can search for an address without a zipcode and the system display the address nearest to my current location.

Currently, the system will search the entire world and randomly select an address that matches the entry. See attached images

original entry

results

Food Location Details

As a user, I can select the name "More Info" on a location and be taken to a details page about that location. See attachment on where to select to see more details per location

Things to display in details:

  • I can access a contact number for the location on the extended details page
  • I can read a description or notes for the location on the extended details page
  • I can see an in-depth version of the months, and days available for the location on the extended details page
  • I can see the meal times for the location on the extended details page (Meal times - multiple times per location)
  • I can see the meals available for the location on the extended details page (Meals - Breakfast, Lunch, Dinner, Snack)
  • I can identify if the service is still available on the extended details page (Service status (program ended, hasn’t started))

screen shot 2018-04-26 at 1 55 08 pm

Program Types

"As a user, I can determine the type of program per location by seeing different icons per type"

Types:
Summer Meals Program.
After School Program.
Food Pantry.

Address Search Sensitivity

From staff member testing:

• Typing in an address
o When I typed in my address, it would locate a totally different location with a similar address. I figured out that it will not properly locate the address if it is not completely written out, including the “OK”.
 DOESN’T WORK Example: “2520 E. 2nd St. Tulsa, OK 74104
 WORKS Example: “2520 East 2nd Street, Tulsa, Oklahoma 74104, United States
o Solution: If there is a way to locate abbreviations of streets, cardinal directions, state, and to omit the requirement of the United States at the end?

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.