Project Summary
Name: Svelte Task Management Dashboard
Description: A modern, responsive single-page application built with Svelte and Tailwind CSS, focused on managing tasks efficiently. Users can create, edit, and delete tasks, filter and search them, and toggle between light/dark themes. Includes skeleton loaders for a polished user experience.
Key Features:
Task Management: Add, edit, delete tasks.
Task Details: Each task has a title, description, status.
Filtering & Search: Filter tasks by status and search by title/description.
Responsive Design: Works seamlessly on desktop, tablet, and mobile.
Theme Toggle: Switch between light and dark modes.
Skeleton Loader: Displayed while content loads for smooth UX.
Technologies Used:
Svelte – Reactive frontend framework.
TypeScript – Strong typing for maintainable code.
Tailwind CSS – Utility-first CSS for rapid styling.
Firebase – Hosting platform for static site deployment.
Installation & Running Locally
Prerequisites: Node.js and npm (or yarn).
Steps:
Clone the repository:
git clone https://github.com/Madhesh456/Task_Management_Svelte.git
Navigate to the project folder:
cd Task_Management_Svelte
Install dependencies:
npm install
Start the development server:
npm run dev
Open in browser: http://localhost:5173
Live Preview : https://task-management-svelte.web.app/
