Attendance Portal

This is the code for Attendance Portal, This main page explains the overall structure of the codebase. The code is divided into 2 main parts:

  1. Frontend (in frontend/)
  2. Backend (in backend/)

Here are the main technologies being used:

  1. Frontend
    • Bun - A fast JS runtime & package manager.
    • Svelte - It is one of the most beautiful ways to make reactive UI on Web.
    • SvelteKit - Not the best, but a decent way to manage routing, etc with Svelte.
  2. Backend
    • PocketBase - A lovely backend solution for our case, because of how easy it is to self-host & how many features it provides, Like email verification & more.

frontend/

Here lies the code for the UI that connects the end-user to the Backend. For uniformity, ease-of-maintenance & code-reuse I am using shadcn svelte which provides beautiful components.

backend/

Here lies the structure/tables/hooks for pocketbase.

Thank You

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes