GithubHelp home page GithubHelp logo

traison-diedrich / workout-planner Goto Github PK

View Code? Open in Web Editor NEW
7.0 1.0 1.0 526 KB

A full feature workout planner web application, using React.js, FastAPI, and Supabase

Home Page: https://workout-planner.fit

License: MIT License

HTML 0.57% JavaScript 1.78% CSS 0.45% TypeScript 79.74% Dockerfile 0.14% Python 16.65% Mako 0.54% Shell 0.13%
fitness react daisyui react-router-dom supabase typescript exercise-tracker postgresql tanstack-query exercise

workout-planner's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

henrikmatos

workout-planner's Issues

drawer scrolls on lg+

on a large display, the drawer menu will scroll as the user does rather than staying sticky

delete search -> focus search

Please describe the new feature you would like to see
When pressing the x to delete a search for an exercise, the search input should be focused

Adding exercise undoes reorder

Issue

Adding an exercise to a workout undoes any reordering

Steps to reproduce

  1. Add some exercises
  2. Reorder an exercise
  3. Add another exercise
  4. Save

Exercise reordering unintentionally

Describe the bug
Changing an attribute of an exercise will sometimes cause them to be sent to the bottom of the workout

To Reproduce
Steps to reproduce the behavior:

  1. Go to a workout
  2. Change an exercise name

Add card plus positioning

Describe the bug
Add card button doesn't always center

To Reproduce
Steps to reproduce the behavior:

  1. Create an odd number of workouts (1, 3, 5)
  2. Look at the placement of the plus button for the add card

Context:

  • Desktop

SMTP Server

Supabase only handles 4 recovery requests every 30 min. Eventually will need a dedicated SMTP Server in order to handle more users

Better dnd scrolling

Please describe the new feature you would like to see
The dnd on mobile is pretty rough

  • drag overlay the whole card
  • make it a smaller card with just the handle and the index
  • Add in a preview version of the other cards
  • Drag in viewport with more visibility

The average len(exercises) is only 4-7 so this will look much better on mobile

Stop user from creating workout with no exercises

Please describe the new feature you would like to see
It would be nice to stop users from creating workouts with exercises.length < 1

  • On updateWorkout
  • If exercises.length < 1
  • delete workout
  • redirect to all workouts

New user data

Please describe the new feature you would like to see
It would be nice to have new users enter their all workouts page with some default data to help with the UX of understanding how the app works

  • Create a new workout for each user on sign up called "My fist workout"
  • include 4 basic exercises that every person would know

I think this will leave users a little less confused on app entry about what they are supposed to do

Exercise card expanded height

Describe the bug
The exercise card fills to the height of the screen when there is only one exercise in the workout

To Reproduce
Steps to reproduce the behavior:

  1. Create a new workout
  2. Add the first exercise

Context:

  • Desktop

Random Quotes

Select some quotes to be randomly displayed on the access page rather than just the one

data structure refactor

  • its time to include an exercise array for each workout on the client side
  • handle state better in the applicaiton
  • fix issue with accessing workout name via state.state.name

Alert System

Create an app-wide alert system with a generic alert component

mobile support

adjust padding and card sizes so everything looks good on mobile

Exercise Reordering

Implement a drag and drop system with number labeling for exercises in a workout

Tab Switching

Describe the bug
Switching between tabs quickly will undo any changes to the edit workout page

To Reproduce
Steps to reproduce the behavior:

  1. Go to edit a workout
  2. Make an edit
  3. Switch Tabs

Context:

  • Desktop
  • Windows - Opera

Notes
This most likely has to do with a tanstack feature that will stale the exercises query on loss of focus

Exercise Alignment

Describe the bug
When editing a workout, the exercises are not aligned to the center
It seems as though safari takes over all custom cursors, meaning that for certain browsers I do not need to account for the width of the custom scrollbar
Can probably fix with a simple media query

To Reproduce
Steps to reproduce the behavior:

  1. Go to edit a workout

Context:

  • Phone
  • iOS/Safari

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.