My boxing coach wanted a payment management system to automate monthly gym subscriptions. He disliked "having to chase people down for their payments". I heard this and volunteered to build this system for him.
The backend is using PocketBase extended with Go to handle Stripe webhooks. The frontend code (this repo) is using SolidStart and Typescript to build the web app frontend. This web app helps a coach/owner manage any martial arts gym.
In this program, there are 2 types of users: coaches and members. Coaches are administrators. Members are the customers that pay a monthly subscription to attend the gym.
- view list of all the current members.
- C.R.U.D. any member.
- view stats of payments.
- schedule recurring weekly classes.
- sign in members for class attendance.
- signup and login with Instagram, Facebook, or Google.
- pay a monthly subscription for gym access via Stripe.
- manage/cancel their monthly subscription.
- update their profile: name, password, email, phone.
- view the upcoming week class schedule.
Once you've cloned the project and installed dependencies with npm install (or pnpm install or yarn), start a development server:
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --openSolid apps are built with presets, which optimise your project for deployment to different environments.
By default, npm run build will generate a Node app that you can run with npm start. To use a different preset, add it to the devDependencies in package.json and specify in your app.config.js.