xkesval/supapower

Monorepo for all of SupaPower's sites which is a free workout tracking app.

Hi 👋

⚡ Technologies

🙈 Quick Stats

🏆 Trophies

📈 Weekly Code Time

I'm an Early 🐤

🌞 Morning                673 commits         ⬛⬛⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜   10.39 % 
🌆 Daytime                2660 commits        ⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜   41.06 % 
🌃 Evening                2892 commits        ⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜   44.64 % 
🌙 Night                  253 commits         ⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜   03.91 % 

📅 I'm Most Productive on Friday

Monday                   695 commits         ⬛⬛⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜   10.73 % 
Tuesday                  763 commits         ⬛⬛⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜   11.78 % 
Wednesday                796 commits         ⬛⬛⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜   12.29 % 
Thursday                 1061 commits        ⬛⬛⬛⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜   16.38 % 
Friday                   1110 commits        ⬛⬛⬛⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜   17.13 % 
Saturday                 1070 commits        ⬛⬛⬛⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜   16.52 % 
Sunday                   983 commits         ⬛⬛⬛⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜   15.17 % 

📊 This Week I Spent My Time On

💬 Programming Languages: 
TypeScript               18 hrs 52 mins      ⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜   58.65 % 
Other                    7 hrs 52 mins       ⬛⬛⬛⬛⬛⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜   24.47 % 
JavaScript               2 hrs 51 mins       ⬛⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜   08.90 % 
CSS                      56 mins             ⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜   02.90 % 
Markdown                 43 mins             ⬛⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜   02.27 % 

supapower's Issues

Refactor formatter and linters using BiomeJS

This is not urgent, but, currently ESLint formatting is really slow. It takes us some valuable GitHub Actions time to check every single file in the project.

To get better performance, we can use BiomeJS, a better formatter and linter written in Rust.

Issues Templates

We need to create issues template to guide users and maintainers that want to create issues that follow our guidelines.

Create a social media-like profile page design

This is NOT a figma design request, we want code right here.

We need a profile page for the current user which should be able to see its profile as if it was a social media.
Take examples from instagram, twitter, or other well known social medias.

Since this is a design page, everything under there can be entered manually, no need to have direct accurate data from the profile since most of the features cited aren't implemented yet.

• Profile picture (leave a grey round div for the moment ~ we'll implement images later)

• Username

• Workouts

• Followers

• Following

• Description

• Dashboard (little card-like buttons) :
  

Something like that. But make them look better.

Create the authentification system

Migrate apps to SvelteKit 2

Create a frictionless sign in flow

Blocked by #12

Take example from other flows from other apps where they ask you things.

- [ ] Current state in localStorage

• Main training goal (multiple ~ 3max)
  • Bodybuilding
  • Powerlifting
  • Powerbuilding
  • Calisthenics
  • Sculpting
• Experience (0-3) (none, -1y, 1-3y, 3y+)
• Days a week (2-6) (multiple ~ 3max)
• Create account
  • Google account
  • Apple account
  • Credentials (username + email + password)

Implement register and login with google and apple

Create a re-usable way of changing/saving settings for users

• Header with back button
• Header with save button
• Save button at bottom (fixed) popping up on change
• Prevent navigating back and shake bottom button

Create user profile schema & inferred types

Schemas are made using zod which you have to check out to understand how it works.
They are basically types, but programatically defined and usable at runtime, you should look at the docs and try to understand it.

If you don't, don't hesitate to send me a message I'll help you out.
If you can't figure out what inferred types are, don't spend too much time on it, I'll do it myself.

Create schemas in : /src/lib/db/users/profile/schemas.ts

Fields :

• lang
• biography
• type (member, creator, admin)
• units
  • measurements (cm, in)
  • distance (km, mi)
  • weight (kg, lbs)
• username
• workout
  • frequencies [2,3,4,5,6] (max 3) (min 1)
  • types [bodybuilding, powerlifting, powerbuilding, calisthenics, sculpting] (max 3) (min 1)

Create the workout logging page

Using this figma and using this component, create a workout logging data table.

The old supapower repo has already a working version of the table, if you need reference code

Bonjour erreur

Create the template app we'll be using

• i18n with inlang
• service workers / offline capabilities
• basic navigation system
• basic pages / layouts

Add data for muscles/equipment/exercise types

App Refactor - Game like workouts for free

tl;dr;

We are ditching firebase and rewriting the app using indexed db ~ we're searching for free solutions we can use for cloud storage.
We are changing the identity of the app to something more game-like with things such as achievements, etc.

The Database Refactor

This is a complete refactor of the app - We'll ditch firebase.

No authentication will be required, as no online profiles will exist anymore, only local data is going to exist. The plan is for us to have no cost and make the app open source and free forever.

Data Storage

Obviously, the data will only be stored on the used device which is kind of problematic if you lose the device or change devices. As a baseline, we're at least aiming for data exporting / importing and the dream would be to have free cloud synchronization between devices.

The Experience Refactor

So, it ocurred to me that if we don't have the experience of a social-media like app, we need to have something else catching on. We'll make it a game, altough I don't have an exact plan of how it will look like yet, I really like the idea.

We want something really playful while still good enough for people with high needs. Achievements, rankings... such things.

To Do

• Find a wrapper around IndexedDB
• Ditch firebase everywhere ~ replace with IndexedDB
• Much more to do...

Design the workout logging page

In the App - Figma design, we need to design the workout logging page. This is where users will enter their workouts, and will be something like a data table (see this, but remix it to your own taste) so a table in which the user can enter data. Here's how it should look :

An « info bar » at the top that shows total time since workout was started, total volume and total sets completed.

Then, we need a data table for each exercise that the user has added to its workout.
Each exercise should contain :

• The current set number (will be a clickable button, no need for interactive in figma but need to show by design that it's a button)
• The current set weight (simple text input)
• The current set reps (simple text input)
• The current set status (a checkbox to say if it is done or not)

Create user measures schema & inferred types

See #20, #21

Create schemas in : /src/lib/db/users/measures/schemas.ts

Fields :

• Body weight
• Waist
• Body fat
• Chest
• Left bicep
• Right bicep
• Left forearm
• Right forearm
• Abdomen
• Hips
• Left thigh
• Right thigh
• Left calf
• Right calf

Create user schemas & inferred types

• users/{userId}/profile
• users/{userId}/measures

Design SupaPower's logo

Create an exercise list file (typed)

Implement different categories and their settings (design)

See also #15

• Card-like button for account

Your Account

• Profile
• Connections
• Notifications

Preferences

• Workouts
• Units
• Language
• Theme

Help

• FAQ

• Contact

• Legal

• App infos (version and other things)

• Log out button

Create the navigation for mobile

Implement different categories and their settings (working)

https://github.com/xKesvaL/app.supapower.kesval.com/ sample code here if you need cc @gbihry

• Card-like button for account

Your Account

• Profile
• Connections
• Notifications

Preferences

• Workouts
• Units
• Language
• Theme

Help

• FAQ

• Contact

• Legal

• App infos (version and other things)

• Log out button

[APP] Update kit-routes to latest version when it's stable

Do this before any installation of navigation anywhere.