Fahrenheit Temperature Converter
A static SvelteKit web application demonstrating:
- Dynamic bidirectional temperature conversion (Celsius ↔ Fahrenheit)
- Analysis of the approximation formula
(F - 32) / 2 ≈ Cvs the exact formula(F - 32) * 5/9 = C
Built with SvelteKit 2.x, Svelte 5, and Tailwind CSS 4.x.
Prerequisites
Setup
Install dependencies:
pnpm install
Development
This project uses mise for task management.
Start the development server:
mise dev
# or open in browser automatically
mise dev-open
Alternatively, without mise:
pnpm dev
# or with auto-open
pnpm dev -- --open
Building
Build the static site for production:
mise build
Preview the production build:
mise preview
Testing
Run all tests:
mise test
Run only unit tests:
mise test-unit
Run only E2E tests:
mise test-e2e
Code Quality
Type-check:
mise check
Lint code:
mise lint
Format code:
mise format
Run all CI checks:
mise ci
Project Structure
src/
├── routes/ # SvelteKit routes
│ ├── +page.svelte # Main application page
│ └── +layout.svelte
├── lib/ # Reusable components and utilities
│ ├── components/ # Svelte components
│ └── utils/ # Utility functions
├── app.html # HTML template
└── app.css # Global styles
Technology Stack
- Framework: SvelteKit 2.x with Svelte 5
- Styling: Tailwind CSS 4.x
- Build: Vite 7.x
- Adapter: @sveltejs/adapter-static (Static Site Generation)
- Testing: Vitest + Playwright
- Task Runner: mise
CI/CD & Security
This project uses GitHub Actions for continuous integration, deployment, and security scanning:
- Testing: Automated tests run on every push and pull request
- Deployment: Automatic deployment to GitHub Pages on push to
main - Security: CodeQL analysis, Scorecard security checks, and dependency review
- Quality: Linting, type-checking, and formatting validation
See WORKFLOWS.md for detailed workflow documentation.
Learn More
