Important: This is the continuation of noteset_archive app with App Router, RSC and Server Actions. Initially planned to just be a project to improve App Router knowledge, but started to like the direction it went and decided to ship it fully. UI is not optimized for Desktop devices, since the app should be used mainly inside the gym on the mobile/tablet.
If you are interested in checking functionality or design, please inspect in mobile mode.
Since I am also interested in mobile dev, I might even make a proper app using React Native instead of Next.js PWA. Going deeper and making the webapp more complex has exposed quite a few shortcomings of PWA.
-
Add option to remove sets. Render both reps and weights inside one div with key equal to index and when removing remove both from the exercise object via index.
-
Extract logic for both timer and handling workout in 2 separate custom hooks. Validate input inside handleNoteInput (max 80 char, show indicator), render errors for reps, weights and note. Set body above md to width 75%. Refactor dnd and add simple animations with autoanimate.
-
Finish profile and logs page UI - add search and filter option to display workouts with status: done or archived.
-
Add email verification and option to get email from profile page, password reset option, option to delete profile with cascading, uploading profile picture. Add gradient on landing page and make small svg "note your sets". Add option in user preference for padding bottom on navbars.