PT App

This is a full-stack web app I made for my Computer Science IA as part of the International Baccalaureate Diploma Program. The client was a personal trainer, and the app was made as if they were going to use it (but they didn't because they were already using apps maintained by professional teams)

I used to host it at pt-app.pages.dev but I've now archived it

Tech stack

Svelte - JavaScript framework

Typescript

Cloudflare Pages and Cloudflare D1

• Back when I was properly running the app I hosted it with Cloudflare
• This let me easily interact with a SQLite database through D1

Drizzle - typesafe ORM that lets me safely query the database

Lucia - authentication

4 million libraries that are now all outdated and deprecated because web development ya know?

Features

• Authentication
• Session management through cookies
• Dark and light mode (it matches the default setting for your OS)
• Responsive and accessible interface
• Data validation

Locally using the app

Setup

Using Docker

docker build -t pt-app .
docker run -p 3000:3000 pt-app
# Open `localhost:3000` in your browser

Manual build

npm install --legacy-peer-deps
npm run build
npx drizzle-kit generate && npx drizzle-kit migrate
npm run preview
# Open `localhost:4173` in your browser

Logging in

To sign up as a new client:

1. Use the Clients page to create a new signup token
2. Open the web app again in a different browser or use incognito mode to avoid getting redirected due to cookies
3. Sign up with the token

Project structure

12 billion config files
src
    lib
        components
        server - cannot be used by the client
        utils
    routes - files that make the actual web pages
        entry - signup and login
        main - only accessible once signed in
static