Sveltekit Todo App

📄 Notes

This project allowed me to explore SvelteKit with TypeScript while building a simple todo app.

✅ What I implemented:

• Created the project using npx sv create my-todo-app with the minimal template and TypeScript support.
• Added Prettier for consistent formatting.
• Structured the app into logical and reusable Svelte components (e.g., TodoForm.svelte, TodoList.svelte).
• Used Bootstrap 5 for the UI to keep it clean and responsive.
• Followed consistent naming conventions and clean code practices.
• Managed state locally for simplicity.
• Added a .env file structure to support future environment-specific configuration.

🔍 Not included:

• Unit testing and Vitest configuration.
• API or database integration (currently todos are stored in memory).
• External UI frameworks like shadcn-svelte were replaced with Bootstrap for simplicity.

🚀 Getting Started

1. Clone the repository

git clone https://github.com/farisfs73x/sveltekit-todo-app.git
cd sveltekit-todo-app

2. Install dependencies

npm install

3. Start development server

npm run dev -- --open

- This will start the app and automatically open it in your default browser.

Build for Production

npm run build

To preview the production build:

npm run preview