A user-friendly and mobile-responsive todo list application built with React and TypeScript, featuring drag-and-drop task management, editing, deletion, and mark as done functionality.
Taskify is designed to be a clean and efficient way to manage your tasks. Built with the speed and efficiency of Vite for development and the power of React for a dynamic user interface, enhanced by the robustness of TypeScript for improved code quality, Taskify offers an intuitive experience for organizing your todos.
- Mobile Responsive: Designed to provide a consistent and user-friendly experience on various screen sizes, from desktops to mobile phones.
- Drag and Drop: Easily reorder your tasks using a seamless drag-and-drop interface to prioritize your day.
- Edit Tasks: Quickly modify existing todo items to update descriptions or correct mistakes.
- Delete Tasks: Remove completed or unnecessary tasks with a simple action.
- Mark as Done: Clearly indicate completed tasks, helping you track your progress.
- Built with React: Leverages the component-based architecture of React for a maintainable and scalable codebase.
- Powered by TypeScript: Utilizes TypeScript for static typing, improving code reliability and developer experience.
- Fast Development with Vite: Takes advantage of Vite's lightning-fast development server and build process.
- React: A JavaScript library for building user interfaces.
- TypeScript: A superset of JavaScript that adds static typing.
- Vite: A build tool that provides a fast and optimized development experience.
- Clone the repository:
git clone https://github.com/Akshat090803/Taskify.git
- Navigate to the project directory:
cd taskify - Install dependencies:
npm install # or yarn install - Start the development server:
npm run dev # Vite's development server command - Open your browser and navigate to the address shown in the console (usually
http://localhost:5173or similar). Vite typically uses a different default port than Create React App.