This is a personal dashboard application built with Vue 3, Vite, Pinia, particles.js, and vuedraggable. It provides a modern and interactive interface for managing notes, calendar events, favorite links, a kanban board, a pomodoro timer, and a Spotify playlist. The dashboard components can be rearranged using a drag-and-drop interface, allowing for a customizable user experience.
- Notes: Quickly jot down notes and keep track of important information.
- Calendar: Manage your schedule with an integrated calendar.
- Favorites: Save and organize your favorite links for easy access.
- Kanban Board: Visualize your tasks and workflow with a kanban board.
- Pomodoro Timer: Use the pomodoro technique to manage your time effectively.
- Spotify Playlist: Embed Spotify playlists and listen to your favorite music.
- Drag-and-Drop: Rearrange the dashboard components to suit your preferences.
- Vue 3: The application is built using Vue 3, leveraging the latest features of the framework.
- Vite: Vite is used as the build tool for fast and efficient development.
- Pinia: Pinia is the state management library used to manage the application's state.
- particles.js: particles.js is used to create a visually appealing background effect.
- vuedraggable: vuedraggable is used to implement the drag-and-drop functionality for rearranging components.
To set up the project locally, follow these steps:
- Clone the repository to your local machine.
- Navigate to the project directory.
- Install the dependencies by running
npm installoryarn. - Start the development server with
npm run devoryarn dev.
Once the application is running, you can interact with the various components to manage your personal dashboard. Use the drag-and-drop functionality to rearrange the components as you see fit.