A free workout and nutrition tracking app
The name is subject to changes. I don't really think LeetStrength is such a great name, altough it has meaning. If you happen to have suggestions, create a discussion!
Monorepo for all of SupaPower's sites which is a free workout tracking app.
Home Page: https://supapower.vercel.app
License: Apache License 2.0
A free workout and nutrition tracking app
The name is subject to changes. I don't really think LeetStrength is such a great name, altough it has meaning. If you happen to have suggestions, create a discussion!
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 :
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.
Profile picture (leave a grey round div for the moment ~ we'll implement images later)
Username
Workouts
Followers
Following
Description
Something like that. But make them look better.
Do this before any installation of navigation anywhere.
Take example from other flows from other apps where they ask you things.
- [ ] Current state in localStorage
https://github.com/xKesvaL/app.supapower.kesval.com/ sample code here if you need cc @gbihry
FAQ
Contact
Legal
App infos (version and other things)
Log out button
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
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.
FAQ
Contact
Legal
App infos (version and other things)
Log out button
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 :
We need to create issues template to guide users and maintainers that want to create issues that follow our guidelines.
users/{userId}/profile
users/{userId}/measures
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.
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.
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.
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.