/hiking-tracker

A single page hiking trail web application

Primary LanguageJavaScript

Hiking Tracker.

A Hiking Tracker is an app that is built with the idea to find a hiking trail based on location. It was inspired by those beautiful hiking trails and folks who have a passion to hike.

Wireframe and planing.

Screen shots

Technologies used

Front-end : React, HTML, CSS Library: React Materialize UI/ React Boostrap. Backend : NodeJs, Express, Mongoose and Jwt

User Story

User can visit / to see a landing page User can Login or Register User can save hiking trails once they logged in. Logged in User will be directed to a profile page. Logged in User can edit/update the profile information. Looged in User can logout and be redirected to signin page.

Challenges and Win

Getting trails api and actually making it work was challenging. As application grew managing components and passing props was challenging.

  • React was challenging!!!!!
  • Commenting on each trail.

Win

  • Get more fimilarity with database
  • Mongose was actually fun to work with.
  • More fimilarity with React.

Future Features

  • Create hiking database
  • Add a googlemap hiking routes and trails
  • User to upload their profile image
  • Ability to upload their hiking trails images in user account
  • Edit User comment
  • Create a community public forum to chat about different hiking trails
  • Leave a review for the paticular hiking trail.
  • deployment