Card Manager

A Kanban Board application with drag and drop functionality for managing cards across multiple columns.

Motivation

This is a portfolio project created to learn Svelte 5 and its new Runes system ($state, $props, $bindable).

Final Goal

This project serves as a foundation for building a Markdown editor application using Tauri + Svelte.

Technologies

• Svelte 5
• TypeScript
• Vite
• svelte-dnd-action (drag and drop functionality)
• svelte-i18n (internationalization)

Running Locally

To run this project locally:

1. Clone the repository
2. Install dependencies:

npm install

3. Start the development server:

npm run dev

The application will be available at http://localhost:5173

AI Assistance

This project used AI (Claude by Anthropic) to assist with component styling, CSS design system, and code reviews. All logic, architecture decisions, and feature implementation were written by the developer.

Português 🇧🇷

Motivação

Este é um projeto de portfólio criado para aprender Svelte 5 e seu novo sistema de Runes ($state, $props, $bindable).

Objetivo Final

Este projeto serve como base para construir uma aplicação de editor Markdown usando Tauri + Svelte.

Tecnologias

• Svelte 5
• TypeScript
• Vite
• svelte-dnd-action (funcionalidade de arrastar e soltar)
• svelte-i18n (internacionalização)

Executar Localmente

Para executar este projeto localmente:

1. Clone o repositório
2. Instale as dependências:

npm install

3. Inicie o servidor de desenvolvimento:

npm run dev

A aplicação estará disponível em http://localhost:5173

Uso de IA

Este projeto utilizou IA (Claude da Anthropic) para auxiliar na estilização de componentes, design system CSS e code reviews. Toda a lógica, decisões de arquitetura e implementação de funcionalidades foram escritas pelo desenvolvedor.