HikeApp

HikeApp is a website that allows users to browse for bike trails near them.

Technologies used

Frontend

The website is created using React. There are some bootstrap elements and the layout is using flex bootstrap grids.

Backend

The backend is implemented in Python using Flask and SQLAlchemy. The server is Postgres and is hosted locally.

Services

• Orginally used TrailAPI Find Bike Trails endpoint to batch load bike trails but migrated to using data stored in project instead since the third party API was not reliable.
• Originally used TrailAPI Bike Trail Info endpoint to fetch specific bike trails when saved to an album but migrated to using data stored in project instead since the third party API was not reliable.
• Google OAuth 2.0 is used to provide third-party authentication.
• Google Embed Map API is used to load images for bike trails that do not have an image in TrailAPI data.
• Google Maps API is used to load a map for the current user location as established by browser location when hike info is loaded.
• Google Maps Directions API is used to provide walking, driving, biking, and transit directions between the user's current location and the selected bike trails location.

Misc.

• Project has continuous integration setup in GitHub for Node.js and Python workflows.
• Project has React unit tests.
• Project has Python unit tests.

User Stories

• Users can browse bike trails from the home page.
• Users can search for bike trails near them on the home page.
• Users can sign up.
• Users can login.
• Users can logout.
• Users can create albums from their Profile page.
• Users can save trails they like in album folders from the home page.
• Users can browse bike trails they saved from their Profile page where they are redirected to an Album page.
• Users can browse bike trails details either from the home page or from the album page.
• Each bike trail displays some relevant information as well as directions.

NOTE: They can also use a Google account to sign up. However, since the website is hosted locally this functionality currently errors out.

User Stories Walkthroughs

• Users can browse bike trails from the home page.


• Users can search for bike trails near them on the home page.

• Users can sign up.

• Users can login.

• Users can logout.

• Users can create albums from their Profile page.

• Users can save trails they like in album folders from the home page.

• Users can browse bike trails they saved from their Profile page where they are redirected to choose an Album page.

• Users can browse bike trails details either from the home page or from the album page.

• Each bike trail displays some relevant information as well as directions.

GIF created with LiceCap.