Back to projects
Weekly Planner
Niklas Röttger / February 20, 2025
Overview
The Weekly Planner is a web application designed to help users organize their week efficiently. Users can add, edit, and remove tasks while categorizing them by weekdays. A dedicated Backlog column allows users to store todos that are not scheduled for the current week.
Todos can be easily moved between columns via drag-and-drop functionality.
Features
- Add new todos and assign them to a specific weekday.
- Move todos between columns using drag and drop.
- Store unscheduled todos in a backlog.
- Edit and delete existing todos.
- Mark todos as done.
- Persist todos using a database.
Technologies
- React – The JavaScript library for building user interfaces.
- Next.js (TypeScript) – The React framework used for development.
- dnd-kit – Enables drag-and-drop functionality.
- zod – Schema validation for safer data handling.
- SWR – Data fetching and state management (with optimistic UI updates).
- Prisma – Database ORM for managing stored todos.
- MongoDB – The database used for persisting todos.
Deployment
The Project is deployed using Vercel and can be found here.