Giter Club home page Giter Club logo

project-1's Introduction

TrailBlazer

project-1

Purpose

Our application helps people who want to go on a hike find nearby trails and information about them. We ended up having the idea to create TrailBlazer because all of us enjoyed hiking, but realized that there isn't really anywhere you can go to get a bunch of info about trails. Sure, that info is out there, but you'd have to go through several sources to find it. This prompted us to create a "one stop shop" for all of it.

Tools Used

Process

By utilizing Materialize CSS, OpenWeather API, the Google Maps API, and the Recreation.gov API, we were able to create a mobile-friendly application that allows users to search for trails near them. Not only does it show nearby trails, but it also gives the user a brief description of that trail, as well as the weather conditions for that area. The work ended up being divided between us pretty evenly. Each of us tackled an API. Kelsey worked with weatherbit.io and eventually switched to OpenWeatherMap as weatherbit.io proved to be unreliable. Jesse worked on recreation.gov's API, while I (Brett) tackled Google Maps. Jesse and Kelsey also did a lot of the front-end design work.

Challenges

While creating this app, we ran into quite a few challenges. I, for one, ended up having quite a few problems getting the map to display exactly what I wanted it to. The "Find More Trails" button also proved to be pretty finicky. I also know that Jesse had some problems getting the date selector to work, as well as look good; and Kelsey ended up running into some trouble with getting the star for the favorites button to work. We also had quite a bit of trouble getting all of our code to merge together properly, and have it all work based on the same variables. At the end of the day though, we ended up working pretty hard through these problems, ending up with an app that we're all proud of.

Future Development

In the future, we'd like to add an account creation system that allows favorite trails to be saved server side. We'd also like to get a comment system working that would serve as a way to provide even more info about certain trails. Implementing a "tagging" system would also greatly increase the accessability of our search feature. We might try to pull in even more information through REI's trail API as well, greatly increasing the info that we'd be able to provide.

Final Thoughts.

The Recreation.gov API unfortunetly keeps causing a CORS header: Access-Control-Allow-Headers error when attempting to do an API search for trails. As a work around, we used the free Chrome browser extension: https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi However, since the last successful search gets saved to a Firebase database, users should still see the last search results display on page load. Obviously we would like to find a better solution to this problem, and unfortunately it may require using a differnet Trails API like the one by REI.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.