An elegant, customizable personal dashboard, designed to be used as a browser start page. It brings together a clock, calendar, notes, tasks, and quick links in a single clean, configurable interface.
🔗 Live demo: dashboard-inici.netlify.app
- Clock & greeting — Shows the current time, full date, and a welcome message that changes depending on the time of day (Good morning, etc.).
- Calendar — Navigate between months (previous/next) to check dates quickly.
- Notes — Create notes with a title, custom color (with a recent-colors history), and free-form text content.
- Tasks — A task list with the ability to add new tasks, mark them as completed, and search through them.
- Quick access — Custom shortcuts to websites or tools, with configurable name, URL, and icon.
- Draggable & resizable widgets — Widgets can be freely moved around the dashboard and resized to fit your layout.
- Settings — A settings panel with:
- Theme: follow device, dark, or light
- Customizable accent color
- Background image (Light, Technic, Night, Aurora)
- Toggle animations on/off
The app is organized into independent widgets (clock, calendar, notes, tasks, quick access), each with its own state and its own position/size on the dashboard, plus a global settings modal and modals for adding notes and quick links.
I've used HTML5, CSS3 and JavaScript to create this project. It's mainly developed by AI.
This work is licensed under Creative Commons Attribution-NonCommercial 4.0 International
