Coder Social home page Coder Social logo

back-country-buddy / backcountry-buddy-ui Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 4.0 10.3 MB

A planning app for backcountry skiers/recreationists. Users can create a Tour, fill out the "plan, ride, and debrief" sections according to the AIARE framework, and share it with tour partners.

Home Page: https://backcountry-buddy.netlify.app/

HTML 1.16% CSS 13.49% JavaScript 40.17% TypeScript 45.18%
react typescript progressive-web-app auth0 rest-api skiing snowboarding backcountry-skiing javascript

backcountry-buddy-ui's People

Contributors

deadbelly avatar rachelbuchta avatar tashiad avatar

Stargazers

 avatar

Watchers

 avatar

backcountry-buddy-ui's Issues

User Story: Departure Check

As a user, on the day of a tour I should be able to CONDUCT A DEPARTURE CHECK.

  • Open a tour for today.
  • I should see a Departure Check checklist.
  • I can check off each item.
  • Once the check is complete I am brought to the active tour flowchart.
  • There should be a space to record observations and other notes.

Final Check

  • Review testing suite
  • Remove all unnecessary comments, console.logs, etc
  • Accessibility audit (WAVE/Lighthouse)
  • Run linter
  • Create production build? npm run build
  • Confirm PWA is working
  • Clean up CSS files (bring more global styles into app.css, make semantic)

Loading

React Promise Tracker dependency

  • auth
  • api

User Story: Past Tours

As a user I should be able to search my past tours.

  • Open Past Tours.
  • I should see a list of all completed tours.
  • I should be able to enter a search query.
  • My past tours will filter based on that query.

Error Handling

  • New api call for date/location
  • Conditional rendering for missing data
  • Server errors
  • Incorrectly filled out fields in form (require date + location for add tour)
  • Make routes redirect to landing if no user is authenticated
  • Sad path testing
  • save double click?
  • convert JS dates

User Story: Adding Tours

As a user, I should be able to add a tour, and view it in my dashboard

  • Open app.
  • Click +Tour
  • Add a date and location, and submit the form
  • I should be returned to the home page, and see a new tour

User Story: Debrief

As a user, I should be able to fill out the DEBRIEF checklist for an upcoming tour. Once completed the tour will be moved to a new view.

  • Open a tour and mark it as completed.
  • I should see the three debrief items for the checklist.
  • Beneath each item I should be able to add details about the prompt.
  • When I submit the checklist I should be brought back to the dashboard.
  • The tour I just completed should be missing.
  • Open Past Tours.
  • My completed tour should be added to the list.

README

4: CI/Deployment badges on all repos OR swagger.ui or something similar for documenting for the endpoints is used.

3: All repos have a README with a project description, screenshots (if applicable), endpoint documentation (if applicable), links to production sites, links to associated repos, instructions to setup, contributions to all team members. Clear and consistent markdown format is used.

UI MVP: Add A Tour

I've opened this issue back up to track the next two pages of adding tour. Sorry for the confusion about what this issue included.

Stories labeled "Phase 1"

Write all stories for what you are committing to have completed by first check-in. Label with Phase 1

User Story: Plan Tour With Group

As a user, I should be able to log in and add friends to a given tour that I've created.

My friends should be able to log in and see that tour populate on their "Current Tours" page.

  • Open app.
  • Login
  • Click Add Tour
  • Add/edit friends, see friends already added
  • Friends should be able to do the same (should they be able to add friends to that tour too or only the tour creator?)

Deployment & CI passing

4: App has CI and successfully builds by day 5 and is deployed successfully after every PR merges. Logs should show that failed builds are very quickly addressed.

3: App has CI and successfully builds halfway through the project, and on due day.

2: App has CI and successfully build on the due day.

User Story: Plan Checklist

As a user, I should be able to fill out the PLAN checklist for an upcoming tour.

  • Open an upcoming tour from the dashboard.
  • I should see the four planning items for the checklist.
  • Beneath each item I should be able to add details based sub-prompts.
  • If I close and re-open this tour, my responses should be saved.

User Story: Adding A User

As a user, I should be able to log in, view my info on the profile page, and edit my info/add emergency contact

  • Open app.
  • Login
  • Click Profile
  • See my info and be able to edit (changes should persist)

Styling: Nav

Content on bottom of tour details page is currently hidden behind nav

Potential solution: put navbar into each necessary component manually rather than app?

Disable y-overflow scrolling on main?

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.