Trail Blazers (front-end)

Back-end Repo

A full-stack MERN application built to retrieve and display information on National Parks and hiking trails.

Live App (Netlify) · Report Bug (Client Side) · Report Bug (Server Side)

Table of Contents

1. About The Project
   • Built With
2. Usage
3. Getting Started
   • Installation
4. Color Palette
5. Contact
6. Acknowledgments

About The Project

This app uses MongoDB, Express, React, and Node.js (MERN). The National Parks data is fetched from a third-party API. The front-end and back-end are housed in two separate repositories (linked at top). The trails data was generated through an API built by the dev team. The back-end includes RESTful routes and is deployed via Heroku.

(back to top)

Built With

Major frameworks/libraries used:

Front-End:

• React
• Bootstrap
• Material Design Bootstrap

Back-End:

• Express
• Node.js
• Mongoose
• MongoDB

(back to top)

Usage

/// ADD LIVE PRODUCTION GIF ///

(back to top)

Getting Started

Installation

To install and set up a local version of this project:

1. Clone the repo

   git clone https://github.com/<your_username>/https://github.com/PatriotxZero/trailblazer-frontend.git

2. Install NPM packages

   npm install mdb-react-ui-kit dotenv express  method-override mongodb mongoose node nodemon react-router-dom @react-google-maps/api

   If mdb-react-ui-kit is giving you errors in browser try mdb-react-ui-kit --force

(back to top)

Colors

• Green: #606c38
• Dark Green: #283618
• Tan: #fefae0
• Light Brown: #dda15e
• Brown: #bc6c25

(back to top)

Contact

Jacob Vernau Martin Wilson David Dobrose Myles Turner Corey Long

(back to top)

Acknowledgments

Some helpful resources that were used in the project:

• Heroku
• Material Design for Bootstrap 5 & React 17
• National Parks API
• Google Maps API
• Google Maps Tutorial by @allynak
• Using React Google Maps Markers

(back to top)