Issue-Tracker-Svelte-Demo Svelte Themes

Issue Tracker Svelte Demo

๐Ÿ› ๏ธ Issue & Insights Tracker

A small self hosted demo to manage issues, track daily insights, and maintain project visibility โ€” fast, clean, and extensible.

๐Ÿ’ก Built with simplicity in mind, but ready for scale.
Includes demo login and postgres connectivity with tracker table. Google OAuth in backend


๐Ÿš€ Features

  • ๐Ÿง‘โ€๐Ÿ’ป Demo Login Modal (Google OAuth planned)
  • ๐Ÿ“ Issue Reporting with Severity & Status
  • ๐Ÿ“Š Tracker Dashboard for daily counts
  • ๐Ÿณ Fully Dockerized stack
  • โœ… Tests with Pytest
  • ๐ŸŽจ Svelte Frontend with Dark Mode

๐Ÿงฐ Tech Stack

Layer Stack
Backend FastAPI (Python 3.11), SQLAlchemy, Pydantic
Frontend Svelte + Vite
Database PostgreSQL 15
Auth Demo Login (Google OAuth - planned)
Dev Tools Docker, Docker Compose

๐Ÿ“ Project Structure

project-root/ โ”œโ”€โ”€ backend/ โ”‚ โ”œโ”€โ”€ main.py # FastAPI entrypoint โ”‚ โ”œโ”€โ”€ models.py # SQLAlchemy models โ”‚ โ”œโ”€โ”€ schemas.py # Pydantic validation โ”‚ โ”œโ”€โ”€ crud.py # DB logic โ”‚ โ”œโ”€โ”€ database.py # Session + engine โ”‚ โ”œโ”€โ”€ requirements.txt # Python deps โ”‚ โ””โ”€โ”€ tests/ โ”‚ โ””โ”€โ”€ test_main.py # Pytest sample โ”œโ”€โ”€ frontend/ โ”‚ โ”œโ”€โ”€ src/ โ”‚ โ”‚ โ”œโ”€โ”€ App.svelte โ”‚ โ”‚ โ”œโ”€โ”€ main.js โ”‚ โ”‚ โ””โ”€โ”€ routes/ โ”‚ โ”‚ โ”œโ”€โ”€ Issues.svelte โ”‚ โ”‚ โ””โ”€โ”€ Tracker.svelte โ”‚ โ”œโ”€โ”€ public/ โ”‚ โ”‚ โ””โ”€โ”€ index.html โ”‚ โ”œโ”€โ”€ package.json โ”‚ โ””โ”€โ”€ vite.config.mjs โ”œโ”€โ”€ docker-compose.yml โ””โ”€โ”€ README.md


๐Ÿงฑ Architecture

โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” HTTP/API โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚ Svelte โ”‚ โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ–ถ โ”‚ FastAPI โ”‚ โ”‚ Frontend โ”‚ โ”‚ Backend โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ”‚ โ–ผ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚ PostgreSQL โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜

  • Frontend calls /api/* routes from FastAPI
  • FastAPI uses SQLAlchemy ORM to manage DB

-Calls tracker API route for postgres

  • Demo login only; google auth backend is there but not linked to frontend

๐Ÿณ Docker Setup

docker compose up --build

    Frontend: http://localhost:5173

    Backend: http://localhost:8000

    PostgreSQL exposed at port 5432

๐Ÿงช Run Tests

cd backend
pytest

๐Ÿงช Tracker API Sample

GET /api/tracker-stats

[
  { "date": "2025-07-01", "open": 5, "triaged": 3 },
  { "date": "2025-07-02", "open": 4, "triaged": 2 },
  { "date": "2025-07-03", "open": 6, "triaged": 4 }
]

Fallback sample is shown if backend is unreachable.
๐Ÿ“Œ Demo Notes

    ๐Ÿ” Login is currently simulated โ€” use any username/password

    โณ Tracker includes a 3-second loading screen

    ๐ŸŒ“ Dark/light mode toggle included

    ๐Ÿ“… Tracker shows open/triaged per day

    ๐Ÿ”ง Easily extensible with Google OAuth / JWT / more APIs

๐Ÿ™Œ Contributing

Pull requests welcome! Please keep commits clean and include clear descriptions.

To contribute:

    Fork the repo

    Create a feature branch

    Open a PR when ready

๐Ÿ“„ License

MIT โ€” free to use, share, and adapt.

Top categories

Loading Svelte Themes