schools4fools's Introduction

School's 4 Fools

Overview

Schools's 4 Fools is a web application that allows users to find and save detailed school information for any schools in their area, based upon several query parameters.

In addition to viewing the latest and greatest school information, users can also log in, log out, create a new account, and "favorite" schools to view them at a later time.

Getting started

Clone down the repo and install the dependencies with npm install.
Run npm start and visit http://localhost:3000 to view the application in the browser.
The query paramaters are:
- a two character state: CO
- a school level: High, Middle, Elementary, Alt or Private
- home/work location Latitude: 39.750944
- home/work location Longitude: -104.996611
- maximum distance in miles from Lat/Long above: 20
Run the test suite with npm test.

Learning goals

Make informed design decisions to create a user-friendly application.
Become comfortable with different network requests like GET, POST, & DELETE.
Solidify concepts with React to create clean and re-useable components.
Become comfortable with Redux’s lifecycle, creating actions, reducers, and connecting them to React components.
Understand and solidify concepts with React component, asynchronous code, route handling, and Redux testing.

Built with

React (create-react-app)
React Router
Functional React components
Class React components
Redux
Testing Jest/Enzyme
CSS
Fetch API
SchoolDiggers API

Images

Wireframe

Home Page

SchoolCards

schools4fools's People

Contributors

Watchers

schools4fools's Issues

Integrate Google Map API

Use google map API to display the locations of all schools that meet the specified search criteria.

Get favoriting working

When a user clicks the save school/favorite button, it should save that school and its information in the favorites array for displaying and editing at a later date/time.

Recommend Projects