Gymscribe - Gym Manager + Tools banner

Gymscribe - Gym Manager + Tools

47 devlogs
118h 5m 37s

Updated Project: An open source gym membership management app, started before 15 december.
An open source advanced gym membership management app for gym owners to track and manage memberships easily. carefully created with vanilla css and p…

Updated Project: An open source gym membership management app, started before 15 december.
An open source advanced gym membership management app for gym owners to track and manage memberships easily. carefully created with vanilla css and postgreSQL using various libraries.


💻 FEATURES:

  • jwt authentication
  • postgreSQL database
  • altcha captcha
  • manage members (CRUD)
  • members data analytics
  • export members to .csv
  • journals + save to db
  • attendance system
  • attendance data chart
  • /GET RESTAPI for the gym data
  • advanced gym tools
  • and many other stuff!

🏗️ TECH STACK:

  • html
  • css
  • js
  • nodejs
  • express
  • prisma
  • neon
  • postgreSQL
  • altcha
  • chart.js
  • vercel
  • railway
  • etc.

🎯 GOAL:

50 - 100 HOURS!!!


🍀 PITCH:

Introducing… Gymscribe, a free and open source gym membership manager because we belive managing memberships doesn’t require a subscriptions. ♥️

This project uses AI

used mutiple ai (claude, copilot, gemini, chatgpt) for bug fixes and improvements, security and often for backend logic, hard feature and ofc for learning. I still type the generated code myself and understanding it, frontend design is original by me

Demo Repository

Loading README...

alarixfr

Shipped this project!

Hours: 14.2
Cookies: 🍪 362
Multiplier: 25.52 cookies/hr

Added GymBuddy! an ai that answer a fitness or gym related question, also an exercise page that can search for an exercise by using an open source exercises db api. Added journals for gym journalings!

alarixfr

GymBuddy!

Added GymBuddy to Gymscribe! just a ai chatbot to ask some fitness related things, also exercise page that connects to an open source exercise db api, i also added journals page for journaling some gym stuff

CHANGEALOG

a40d867 Finished all types in GymBuddy exercises
4681313 Added search by exercise name in exercises page
f8e7753 GymBuddy exercise xontainer and styling
942c07a Added GymBuddy exercises html structure and styling
de2fb94 Added export csv and json to GymBuddy journals
35f6d27 Added GymBuddy journals

I think this enough for reship :)

Attachment
Attachment
0
alarixfr

GYMBUDDY

introducing GymBuddy! an AI powered gym journaling and guides!


CHANGEALOG

Frontend:

4d3d318 GymBuddy markdown fix and banners
f565b5d Added markdown parser in GymBuddy
19bd93b Finished GymBuddy AI mvp
a6992d2 Added message history to GymBuddy
4c47fc2 Finished GymBuddy chat functions
dcff7a5 Added functional chatting
b5b4c86 Added fetch ai response function
2fd3890 GymBuddy page responsiveness
2e0ad03 Added apps section and improvement
592e869 Added GymBuddy page and base styling


Backend:

5dfed69 Fixed groq api key
e5f2189 Slice GymBuddy message history
517641d Added message history support
ae0001e Adjust gym buddy ai ratelimit
03c4df2 Fixed gym buddy ai ratelimiter
31f7b95 Added ratelimiter to gym buddy ai
31b4116 Improved gym buddy ai prompt
61d0385 Gym buddy ai fix
a6515ca Fixed export ai.js
ec59e53 Added gym buddy ai routes


What’s changed?

Added GymBuddy and improved the frontend and backend code. Next is journals and goals page :)

Attachment
Attachment
2

Comments

vaishalijoshi25
vaishalijoshi25 30 days ago

nice

alarixfr
alarixfr 30 days ago

@vaishalijoshi25 thanks!

alarixfr

Shipped this project!

Hours: 104.08
Cookies: 🍪 1856
Multiplier: 17.83 cookies/hr

I built a fullstack gym membership management app! it covers most of a gym needs and also some very good feature and tools to use! the backend was hard but i keep going, 100 hours is an achievement for me 😁

Thank you for my OG followers :)

alarixfr

GYMSCRIBE FINISHED 🎉

After 100+ hours of work finally came the day. Gymscribe is now finished and ready to use for everyone. :)

GIT COMMITS

d56058f Polishing UI/UX and added demo videos
e96f49c Finishing, Formatting, Polishing, Fixing and Final Touch
e216ab6 polish and added api guide to docs
38fb3f7 add json export and added doughnut chart

WHATS CHANGED?

  • Added new features
  • Added demo videos
  • Polished features and ui/ux
  • Fixed bugs and errors
  • etc.

QUICK LINE

Gymscribe is finished and ready to use!

NEXT STEPS

SHIP! 🎉

Thank you all for supporting especially for my OG followers :)

0
alarixfr

GYMSCRIBE LITE

its finally here! GYMSCRIBE LITE is a mini and fast no login gym manager based on Gymscribe! :)


GIT COMMITS

3cb3f1d polished lite page and small updates
33273e3 finished lite page
edf24ce lite page mvp functionality


WHATS CHANGED?

  • Finished lite page and its features
  • Polished lite page and added chart
  • Added local storage to lite!
  • Added border changes on hover in plans (landing page)
  • Changed README
  • etc.

QUICK LINE

finished and polished lite page (lite.html) and improve some things!


NEXT STEPS

Polish everything, test and finally ship 🥹

Attachment
Attachment
Attachment
Attachment
0
alarixfr

WORKING ON LITE PAGE


Introducing… GYMSCRIBE LITE! a lightweight and fast gym manager for testing and fun! no login required and you can backup with json :)

GIT COMMITS


61193e9 lite page style finished and scripts
da5698a lite page style and landing feature on hover changes
df7d2a1 Modified fetch response for status and readme changes

WHATS CHANGED?


  • Added border change effect on index.html (landing page)
  • Added html structures to lite page
  • Added css design to lite page (lite.css)
  • Working on lite.js script
  • Modified ??? message (?)
  • Fixed status page api fetch response
  • Changed README
  • etc.

QUICK LINE


Added lite page and some changes! still working on it!

NEXT STEPS


Finish and polish the Gymscribe Lite page + localstorage!

Attachment
Attachment
Attachment
0
alarixfr

BACKEND SECURITY


Improved backend security and some bug fixes:)

GIT COMMITS


d7a55f2 security fixes and bug fixes

WHATS CHANGED?


  • Added Cache-Control no-store and Pragma no-cache to auth routes
  • Added auth only limited to 10req/min
  • Added email normalization on register/login
  • Added and changed max password limit in register/login/change-password
  • Added member id length validation on all /:id routes
  • Added fullname whitespace trim on members routes
  • Added whitespace trim on gym route
  • Added Content-Type check middleware
  • Added X-API-Version response header
  • Changed helmet crossOriginResourcePolicy to false
  • Fixed some typo and other bugs
  • etc.

QUICK LINE


Improved security and fixed some bugs

NEXT STEPS


Fix the status page fetch request in frontend and add Gymscribe Lite page

Attachment
0
alarixfr

MAJOR BACKEND UPDATE

Because this is BIG UPDATE so lets make a proper devlog :)

GIT COMMITS

b67b02d added helmet and compression package and added better shutdown, better error handling and better security
c40b4a4 split monolithic server.js into separate routes files, middlewares, functions and shared prisma instance and fixed missing semicolon
7fa68ce added additional server info and changed readme

WHATS CHANGED?

  • Cleaned a single BLOATED server.js file into separates routes, middlewares, utils, prisma etc.
  • Improved security by using helmet and compression
  • Improved error handling
  • Added missing info required for frontend status page request
  • Added request logger
  • Added large request warning
  • Added 404 route handling
  • Added missing semicolon
  • Better startup log info
  • Express caching with ETag
  • Updated README
  • etc.

QUICK LINE

Splitted server.js monolithic code into multiple files, improved security, better error handling, added more server info in /, etc.

NEXT STEPS

Fix the status page fetch request in frontend and add Gymscribe Lite page

Attachment
0
alarixfr

WORKING ON STATUS

i think this is good for people who download gymscribe locally and want to check the server/backend status and its info, i also curious lol,

i think i will touch backend after 20+ hours of frontend bruh

next is finishing the status page and backend changes for more status info :)

Attachment
Attachment
0
alarixfr

FINISHED TOOLS

Finally finished tools feature that are consist of 3 category: health, strength, nutrition

also added VO2Max and Ideal Body Weight (idk if its on the screenshot i forgor)

next is status page to show the server connection information and some really cool data from the server :)

Attachment
Attachment
Attachment
0
alarixfr

COMPLETED HEALTH AND STRENGTH TOOLS

Finished the tools on health and strength category, also added toolsSelect.js to handle tools selection and switching, the custom element really helped me figuring out how do i switch each tools div element.
next is finishing all the tools :)

Attachment
0
alarixfr

WORKING ON TOOLS

i filtered some “cheap” tools and removed them, theres now fewer tools that actually useful, im still working on the health category, also i used custom elements to speed up the process because no react :(

next will be finishing the health category tools :)

Attachment
0
alarixfr

ADDED TOOLS PAGE!!

yes! i will add bunch of tools to help your gym bros! right now the “home page” for tools is complete. btw i spent so much time to fix the footer lol

the tools will be splits to 3 category, each of them contains 10 unique tools!

this will be amazing! next is making the tools functions :)

Attachment
0
alarixfr

README + DOCS + API + ???

finished the readme and….
improved the docs and api page because there is typo and stuff, also added ????
well who knows? maybe check the github to see whats added i guess ;)

next will be something very cool! :)

Attachment
0
alarixfr

POLISHED API PAGE AND FINISHED DOCS!

made it to past 67 hours!!!

i liked the docs style idk why also my render trial is almost ends so yeah i might need to buy a vps :((

anyway docs complete and next will be the markdown for the github repo :)

Attachment
2

Comments

melon
melon about 2 months ago

why is the backend in one file tw_scream

alarixfr
alarixfr about 2 months ago

@melon because i too lazy to use routes! i started in one file until it have tok much routes! 😭

alarixfr

MAJOR UPDATE

bigggg update, might fixed attendance and journals sync lol, anyway

BACKEND COMPLETE

yeah its complete! added security and improvements too for the final touch!

API

the api is now done including the api page! you need to use your token as query for the api to works

other stuff

new banner for gymscribe flavortown and readme also there will be a dedicated docs for gymscribe !!!

next steps

now im updating the frontend including the markdown and readme, theres will be alot coming! :)

Attachment
Attachment
0
alarixfr

NEW BANNER + CHANGE PASSWORD

so i added change banner in gym page and also made new banner and use some screenshot for the landing page purposes but i think i will change it if i have a better one to show, anyway i also fixed some stuff like journals bug and more….
next is going to be …
idk i will figure it later :)

Attachment
Attachment
Attachment
0
alarixfr

SYNC JOURNALS AND ATTENDANCE + EXPORT TO CSV

added sync journals and attendance button on gym page, i make it manual because to make it simple (lazy) and to save db size i guess, anyway there are save, load, clear local and reset button
and now there are export to .csv in members page, this allows tou to convert member list to csv for some stuff idk
also the speed improve of the website cz i remove the double auth check but idk if its actually improves the speed lol
as usual i also fixed some stuff and make some improvements!
next i will be design new banner/thumbnail and update the landing page placeholder image :)

50 HOURS!! 💪

Attachment
Attachment
2

Comments

chefpenguino
chefpenguino 3 months ago

this is fire, nice stuff

alarixfr
alarixfr 3 months ago

@penguino thanks 💪💪💪

alarixfr

ATTENDANCE CHART COMPLETE + IMPROVEMENT

so the attendance chart is now working and i make the yvalue not fixed for readibility and ofc some fixes and improvements! next is …. uh idk this almost done but i keep going i guess…

next is going to be saving and load journals to db :)

Attachment
0
alarixfr

COMPLETED MEMBERS PAGE

yeah its done and working,
added functionality to the modals, improved some stuff and also fixing stuff. next is analytics attendance chart :)

Attachment
0
alarixfr

FETCH BACKEND + MEMBER LIST

the members page is now showing the member list and attendance toggle also working.
added scrollreveal animation and few improvements and fixes, next is completing the members page :)

Attachment
0
alarixfr

BACKEND FIX + IMPROVEMENT

so after i change the bigint to datetime previously, i fixed the backend code and added input validations for members data and other fixes.
next is update the frontend code so it works with the new dateTime update :)

Attachment
Attachment
0
alarixfr

UPDATED PRISMA SCHEMA

so because of the bigint error that caused so much error i changed bigint to datetime, i need to reset the database but theres only test account so its better to fix it now than multiple errors in production, next i will fix the server.js code so it will work with the changes i made :)

Attachment
Attachment
0
alarixfr

added add members

but theres a bug lol, so with bigint and stuff on created_at, im changing it to normal timestamp but it needs few fixes, hopefully it should be working soon :)

Attachment
0
alarixfr

added load members list function in members page

i have not added add member functionality so im guessing this would work :)

Attachment
Attachment
0
alarixfr

COMPLETED ANALYTICS PAGE + MORE

complete data fetch and display in analytics, attendance system also including chart!
and added email “username” in navbar and logout functionality,
i think i will add “sync” for attendance and journal because it’s saved in localstorage
also adding improvement on some stuff and fixes!
next will be members page :)

Attachment
0
alarixfr

COMPLETED GYM DETAIL + LOGIN REDIRECT

now you will redirected to the dashboard after login and the gym data will appear! you can also edit your gym im the “gym” page!

Attachment
Attachment
0
alarixfr

COMPLETED LOGIN PAGE + IMPROVEMENT

the altcha error takes some times but now i completed the frontend fetch to the backend, right now it for login and register and you can “waitlist” by register an account early!

next, i will do the auth to the dashboard :)

Attachment
Attachment
Attachment
2

Comments

michaeljosil1111
michaeljosil1111 3 months ago

good

alarixfr
alarixfr 3 months ago

@michaeljosil1111 thankss

alarixfr

ALTCHA WORKING

finnaly after some fixes the altcha is working and the problem is i forgor to use async and await that why it gives {} lol

Attachment
3

Comments

mohamedjaouadiacc
mohamedjaouadiacc 3 months ago

awawawawawawawa

alarixfr
alarixfr 3 months ago

awawawawa

alarixfr
alarixfr 3 months ago

you supposed to talk in the flavortown slack channel bruh

alarixfr

ALMOST FINISHED BACKEND

i ALMOST finished the backend,
im stuck at altcha, and i dont have server to host this :(
maybe i will buy the hosting credits for this ¿

Attachment
Attachment
0
alarixfr

Backend init

today i completed the backend setup and decided to use postgresql with prisma as the backend, i will be using neon to connect with the db

thats devlog for today :)

Attachment
Attachment
0
alarixfr

FRONTEND COMPLETE


its overrr, the frontend took 24+ hours to make, but that doesnt mean its fully done because theres stuff i need to add and fixes! however i think this enough to continue to the backend!

ty, see u again soon :)

Attachment
0
alarixfr

FINISHED MODAL UI

took hours idk why also next is going to be journals using local storage then i will continue to backend

Attachment
0
alarixfr

Gymscribe Devlogs

finnaly added modal, took hours because i use the wrong path to the modal scripts 💀
for the fraud team:

uhh so i check the web for the design like every line and i enjoy it a lot that i forgot to continue code so thats still counts as coding, i guess

thats all for this devlog, see you in the next devlog, ty :)

Attachment
0
alarixfr

the frontend is almost over…
completed the api page, and next is popup for members page, very sad knowing that i enjoy the frontend alot but thats for the devlog and thanks :)

Attachment
0
alarixfr

finished gym setting page, i will make it simple because it just setting so yeah, next is the api page and the frontend journey almost end 😭

Attachment
0
alarixfr

another devlog todayy,
added responsiveness to the members page and file setup for gym settings page tommorow :)

Attachment
0
alarixfr

BEAUTIFUL 😭😍
FINISHED THE MEMBERS PAGE FRONTEND!
its quite challenging but it’s so satisfying to see the result at the end! tommorow doing the gym setting page!
thats for today devlog thanks, bye! :)

Attachment
Attachment
0
alarixfr

so tired its around 3am and i dont sleep
so this night i created the members page and fixed some things i dont even remember what im really doing but yeah i got burn out almost every line dont know what to do but thats all for the devlog! thanks see you in some hours ima sleep

Attachment
4

Comments

shreyas.dg28
shreyas.dg28 3 months ago

Looks awesome! I personally think my gym could use a bit better management system like yours!

alarixfr
alarixfr 3 months ago

@shreyas.dg28 thank you, theres more to come this is just the bare style 😁

sam.vandenabeele.09

this is really awesome! Styling is really good (especially concidering no framework is used)

alarixfr
alarixfr 3 months ago

@sam.vandenabeele.09 thankss, this ui just feels right for me :)

alarixfr

big changes today!!
finished polishing frontend for dashboard and mobile responsive 💀

added redirect page in /dashboard to analytics page

made some changes across all pages for feature description thingy and updated the readme.md

also cleaned the messy files and folders to clean path and divided scripts into its own function

its for today thanks :)

Attachment
Attachment
Attachment
0
alarixfr

i like the ui, i guess frontend for the dashboard is almost done so next is responsiv- 💀💀💀

oh no media queries…

Attachment
Attachment
0
alarixfr

guys.. uh
working on the dashboard page frontend and decided to use chart.js for the chart and some little adjustement including the login page design, now you can see the dashboard by clicking the green button on the login page
i might just make the mobile view looks like desktop view instead of making the website fully responsive but idk, i guess this is enough for a devlog :)

Attachment
Attachment
0
alarixfr

completed login page, working on dashboard frontend next, i guess i will be using firebase for backend bcz its free plan

Attachment
0
alarixfr

Started login page, still not conpleted yet so yeah i dont really have the image but at least the landing page donee

Attachment
0