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

• Demo

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

• National Parks National Parks api
• Google maps Google maps API