Meet-Mountain-Right

Meet-Mountain-Right is a trail information website.

Website Link : https://meet-trail-right.firebaseapp.com ( Provide Google Login )

• Users can get basic, traffic, weather and Youtube trail information.
• Users can find trail through auto-compeleted search, filter and sort feature.
• Users can create trail and trail real-time report to share trail information with other.

Technologies

• Front-End Fundamental
  • HTML / CSS / JavaScript
  • SCSS
  • RWD
• Front-End Frameworks
  • React
  • React Context API
  • React Router
• Third-party API
  • Central Weather Bureau
  • Youtube Search
  • Youtube Channels
• Firebase
  • Storage
  • Cloud Firestore
  • Authentication
• Other
  • Module Bundler : Webpack
  • Compiler : Babel
  • Version Control : Git / GitHub
  • WebStorage : localStorage
  • Unit Test : Jest

Core Components Strcture ( 2020.03 )

Website Demo

Search Auto-compeleted Feature

Filter, Sort and Search Feature

Trail Create Feature

Designed different layouts for better mobile experience

• RWD on Trails Page

• RWD on Home Page

ToDo

• Infinite scroll feature on Trails page
• Click question btn on filter on Trails page
• Edit trail infomation feature on Profile page