Grant Guru

Explore the docs »

Report Bug · Request Feature

Abstract ~ Installation Instructions ~ Deployed Link ~ Preview of App ~ Technologies ~ Contributors ~ Sources~ BE Repo

Abstract:

Grant Guru is an application that allows a user to explore a database full of Scholarship and grant applications to Help students find fincial aid with ease! On Load you can choose a profile or user to demo the site with, after your choice you are taken to a form with inputs where you will choose your search preference for the types of scholarships you are looking for. Upon submition of the form, queries are sent to our backend where they filter the array of scholarships to fit the parameters and send us the filtered scholarships. From there a user is able to scroll through the filtered scholarships. A user is able to add and delete scholarships to and from their saved window. If a user wishes to modify their search, simply direct yourself to the form and refill out the form for a modified search of the parameters.

The app incorporates a responsive layout and will change its structure to fit both large and mobile displays. It was built using functional React Hooks, Typescript, controlled form pattern, React Router, Redux State Management. It uses End-To-End Testing using Cypress where fetch requests are stubbed with fixtures and sad paths are tested to ensure intended execution.

We built this over 3 days as part of Turing School of Software and Design's 4th quarter's Capstone project.

I hope you have fun using Grant Guru!

Installation Instructions:

Fork the Repo from the Repository

Clone the repo

git clone https://github.com/grant-guru/grant-guru-fe

Install NPM packages
```
npm install
```
Run npm start
```
npm start
```
Use the Link that is given in the Terminal & Open in Browser
```
Example: http://localhost:3000/
```