A sleek and interactive To-Do application designed to help users manage their daily tasks efficiently. This project combines modern React features, Tailwind CSS styling, and enhanced UI/UX functionality.
✅ Add, Complete, Delete Tasks: Easily manage your to-do list with full control over your entries.
🔁 Undo Completed Tasks: Users can revert completed tasks back to the active list.
⬆️⬇️ Move Tasks: Reorder your tasks using the move up and move down controls.
🕒 Timestamped Completions: Completed tasks are saved with the exact time and date they were finished.
💾 Local Storage Integration: Tasks and completed entries persist in the browser using localStorage.
🎨 Stylish Interface: Tailwind CSS powers the layout and style, while animated backgrounds created with CSS keyframes enhance the user experience.
🔠 Custom Fonts: Utilizes Google Fonts for typography and Font Awesome for intuitive iconography.
React.js:
- useState for managing UI state
- useEffect for syncing data with localStorage
Tailwind CSS for responsive and modern styling
Font Awesome for icons
Google Fonts for clean and readable font styles
CSS Keyframes for animated background effects
-
Clone the repository git clone https://github.com/your-username/todo-app.git
-
Navigate into the project directory cd todo-app
-
Install dependencies npm install
-
Run the app npm start
A. Mobile-Responsive
B. Laptop-Responsive
