Deployed at https://kanban-jack.up.railway.app

This is a simple web application allowing the user to create Kanban boards, inspired by tools like Trello. The web app allows the user to sign in. After logging in, they can create and delete boards and for each one configure a set of columns and add cards to it. Cards have a title and a description, and it is possible to drag & drop them between columns. The state of the user’s board persists between sessions.

• SvelteKit / Svelte - Application framework
• TailwindCSS - CSS framework
• TypeScript - Programming language
• Prisma - ORM
• PostgreSQL - Database
• Auth.js - Authentication library
• Zod - Schema validation library
• Railway - Deployment platform

git clone https://github.com/therosbif/kanban
cd kanban

a .env.example file is provided as a reference

pnpm install

pnpm prisma db push

npm run dev

Open your web browser and navigate to http://localhost:5173 to use the application.

Dockerfile and docker-compose.yml files are provided in the docker directory.

cp docker/* ./
cp docker/.* ./
docker-compose up
pnpm prisma db push

Dockerfile has to be put in docker directory to avoid interference with Railway deployment.

In the project directory, you can run:

• npm run dev: Runs the app in development mode.
• npm run build: Builds the app for production.
• npm run preview: Serves the production build for preview.
• npm run check: Checks the project for type and lint errors.
• npm run check:watch: Watches the project for type and lint errors.
• npm run lint: Lints the project files.
• npm run format: Formats the project files.
• npm run prepare: Generates Prisma Client.

The following dependencies were used in this project:

• @auth/sveltekit: SvelteKit adapter for authentication library.
• prisma @prisma/client: Prisma ORM for database access.
• @steeze-ui/svelte-icon @steeze-ui/heroicons: Icon library.
• @sveltejs/adapter-node: Svelte adapter for Node.js server.
• @sveltejs/adapter-vercel: Svelte adapter for Vercel platform.
• nodemailer: Node.js module for sending emails.
• zod: TypeScript-first schema validation library.
• svelte-dnd-action: Drag & drop library for Svelte.

• Email login is not working in production due to the fact that the SMTP server is not whitelisted.