/Brookfield

Brookfield is a Front-end React application that allows users to organize recreation experiences in US National Parks.

Primary LanguageTypeScript

Brookfield

Description

  • Brookfield is an application that allows users to find and plan trips in and around US National Parks. My inspiration for this project came from my previous career as a Park Ranger. As a Park Ranger I visited many local, City, and State parks but i've never been to a National Park. I wanted a way to find National Parks and be able to have the ability to plan either day or extended trips to these parks.

View a demo of this project

Technology Used

  • Typescript
  • React
  • CSS
  • Git and GitHub

Lessons learned during development

  • Utilizing Typescript for a large, more complex project.
  • How to use Google Firebase for authentication.
  • How to utilize React context for state management.
  • Adding a map to a web application using Google maps API.

Setup

Once you've created your discord bot and discord server, follow the next steps.

  • Fork the repo to your account by clicking the Fork button on the top right corner of the repo.
  • Now clone the repo to your local storage.
  • Open your terminal and type the following command: https://github.com/YOUR_USERNAME/Brookfield.
  • Remember to actually replace YOUR_USERNAME with your actual username.
  • Install all dependencies.
  • Create a .env file in the root directory of your application.
  • Add your api keys to .env.
  • Type npm start to start the server.

Installing Dependencies

  • Type npm install in your terminal to install all dependencies.

Features

  • Find US National parks by searching your US state letters.
  • Find out more information about each US National Park.
  • Plan a trip to National and add food and entertainment options to your itinerary.
  • Save your planned trip to a list of planned trips.

How to use

Once your have your applications server running, follow these steps.

  • On the home page, type the US state letters that you would like to search for National Parks in.
  • Click the "Details" button if you would like to find more information on a specific park.
  • To plan a trip to a park, simply go to the map portion of the park details page to find either a food or entertainment option near your park.
  • Next use the "Add Plans" portion of the park details page to add the details of your activity, then click the save button.
  • once you've selected all of your plans for your selected park, click the "Save Trip" button.
  • Now you can view your trip plans on the Plans page in the websites navigation menu.

Acknowledgements