Chronicles is a minimalist personal tracking web application featuring a dark-themed user interface. It serves as a centralized daily documentation hub to monitor media consumption status (such as manga, anime, or books), played games, and personal notes.
Live Preview: chronicles.vexr.dev
- Game & Media Tracking: Integrated with external databases to record game progress and entertainment media in real-time.
- Personal Notes: Provides a structured space to store notes, ideas, or daily journals.
- Clean & Dark UI: A modern, eye-friendly interface utilizing a dark color palette with smooth transition effects.
- Immersive Experience: Includes background audio playback features to accompany your productivity or logging sessions.
This application is built using a high-performance modern technology stack:
- Frontend Framework: Svelte (Reactive, fast, and minimal runtime overhead)
- Language: TypeScript (For type safety and code scalability)
- Styling: Tailwind CSS (Flexible and fast utility-first CSS)
- Build Tool: Vite (Fast bundling and development server setup)
- Deployment & API: Vercel (Modern hosting platform with Serverless Functions support)
log/
├── api/ # Serverless functions / backend API integrations
├── public/ # Static assets (fonts, audio, images, favicon)
├── src/ # Main source code (Svelte components, logic, styles)
│ ├── components/ # Modular UI components
│ ├── routes/ # Application routing system
│ └── ...
├── tailwind.config.js # Tailwind CSS configuration
├── vercel.json # Vercel deployment and rewrite configuration
└── vite.config.ts # Vite build and proxy configuration