A responsive, single-page web application built with React.js to manage tasks efficiently. This project demonstrates proficiency in modern front-end development, including component-based architecture, state management, and responsive design. The app allows users to create, edit, delete, and mark tasks as completed, with real-time filtering and localStorage persistence for a seamless user experience.
- CRUD Operations: Add, edit, and delete tasks with an intuitive interface.
- Task Status Management: Mark tasks as completed or pending with a single click.
- Dynamic Filtering: Filter tasks by status (All, Completed, Pending) for quick access.
- Responsive Design: Optimized for both desktop and mobile devices using CSS media queries.
- CSS Animations: Smooth fade-in effects for task additions, enhancing user experience.
- LocalStorage Persistence: Tasks are saved in the browser's localStorage, ensuring data persists across sessions.
- Custom Favicon: Branded with a custom logo (
favicon.jpg) for a professional touch.
- React.js: For building reusable components and managing state with hooks (
useState,useEffect). - JavaScript (ES6+): For dynamic functionality, including DOM manipulation and event handling.
- CSS3: For responsive styling and animations (e.g., fade-in transitions).
- Vite: For fast development and optimized build processes.
- Git/GitHub: For version control and project hosting. This is a initial project i created while learning React .