PORTFOLIO PROJECT · WEB APPLICATION

Less clutter.
More room to get things done.

TimeWizard brings tasks, daily planning and progress into one workspace. From a to-do list to a dedicated time block in your calendar.

Visual showcase · fictional data · no account required

Dashboard · dark modeSAMPLE DATA
TimeWizard dashboard with a daily summary and sample tasks in dark mode. Expand

A LOOK INSIDE

One project. Different perspectives.

Actual application components populated with fictional tasks. Open a screenshot to explore the interface in detail. The screens are shown in Polish.

Dashboard showing activity, the daily plan and a list of sample tasks in Polish.Expand

01 / OVERVIEW

Daily dashboard

Task summary, today’s plan and a clear next step. The essentials in one place.

Daily planner with colour-coded calendar blocks and tasks waiting to be scheduled, in Polish.Expand

02 / PLAN

Daily planner

Tasks on a timeline, categories and work blocks. A clear view of how the day is allocated.

Kanban board with sample tasks organised into To do, In progress and Done columns, in Polish.Expand

03 / TASKS

Kanban board

From “To do” to “Done”. Cards show categories, priorities and estimated effort.

Statistics page with activity, category and priority charts based on sample data, in Polish.Expand

04 / PROGRESS

Statistics

Activity over time, category breakdowns and priorities. A visual view of task progress.

FROM IDEA TO INTERFACE

Tasks need a place in your day.

A list alone does not tell you when to start. TimeWizard combines task management with daily planning and progress tracking.

Capture

Tasks have categories, priorities, due dates and time estimates.

Plan

The planner arranges work into time blocks. The scheduling algorithm considers priorities, deadlines and availability.

Review

Kanban shows the status of work, while charts help reveal patterns in task completion.

PROJECT SCOPE

An interface with an application behind it.

The project source also includes authentication, a data model, server actions, a Focus mode with Pomodoro and gamification. This site presents selected screens without running the application services.

All figures in the screenshots are sample interface data.

UNDER THE HOOD

The technology behind the project.

Interface

Next.js · React · TypeScript

Components, routing and typed data.

Visual design

Tailwind CSS · Framer Motion

Responsive layouts and interface animation.

Data and access

PostgreSQL · Prisma · Auth.js

Data modelling and authentication in the application source.

Visualisation

Recharts · date-fns

Activity charts and date handling.

Explore beyond the landing page.

Four views show information structure, data presentation and consistency across the interface.

Explore the interface

Open full-resolution image