m-delarosa / 303MTB-react-frontend

A Progressive Web Application which fosters an online community for mountain bikers in the Denver/Boulder area.

Home Page:https://303mtb.org/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

303MTB πŸš΅β€β™‚οΈ

A Progressive Web Application which fosters an online community for mountain bikers in the Denver/Boulder area.

Demo & Screenshots πŸ–₯

Live Demo: www.303MTB.org

Video Presentation for Flatiron School

303MTB Browser Screen 1 303MTB Mobile Screen 2 303MTB Mobile Screen 3 303MTB Mobile Screen 4 303MTB Mobile Screen 1 303MTB Mobile Screen 2 303MTB Mobile Screen 3 303MTB Mobile Screen 4 303MTB Mobile Demo GIF

Features 🌟

  • Users can quickly check conditions of trails nearest them
  • Users can find in-depth information about trails in their area
  • Users can leave trail reports and save favorite trails, favorite trails will always be at the top of user’s list
  • Users can browse interactive trail maps to find new trails near them
  • Users can browse local mountain biking press releases
  • Users receive a seven-day forecast of their local weather

Currently under construction and open to collaboration:

  • Users can receive a new trail recommendation based on user-submitted criteria
  • Users can communicate with each other in a discourse community forum.

Built with πŸ”§

  • React
  • Ruby on Rails
  • REI Mountain Project API
  • Heroku
  • Firebase
  • JWT Authentication

Getting Started πŸ‘¨β€πŸš€

  1. Fork and Star ⭐️ this repository
  2. git clone to your local directory
  3. cd 303MTB-react-frontend
  4. Run npm install
  5. Run npm start to start the frontend πŸŽ‰

Optional: Fork and clone the backend here.

Author, License and Contributions

MIT Β© Michael De La Rosa

Contributions are always welcome!

About

A Progressive Web Application which fosters an online community for mountain bikers in the Denver/Boulder area.

https://303mtb.org/


Languages

Language:JavaScript 70.7%Language:CSS 15.2%Language:HTML 14.0%