This is a single-page To-Do List application built with ReactJS functional components. It provides a simple, session-based tool for managing tasks with a focus on core CRUD operations and reordering. The application features a vibrant, high-contrast aesthetic.
The To-Do List is deployed and available for immediate use here:
The application is styled with a vibrant orange background and high-contrast black and green elements, as per your design reference.
- Add Tasks: Quickly add new items to the list.
- Delete Tasks: Remove unwanted tasks individually.
- Task Reordering: Easily change the priority of tasks using dedicated Up/Down Arrow buttons next to each item.
- Session-Based: Task list is maintained only for the current browser session (no local storage persistence).
- ReactJS (Functional Components)
- Hooks: Primary reliance on the
useStateHook for managing the dynamic task list array. - JavaScript: Logic for array manipulation (adding, deleting, and reordering task elements).
- CSS: Used for implementing the vibrant, high-contrast visual design.