This project was created to not only show what I have learned and further improve my knowledge of React but to also serve as a base for my learning of backend and databases as I intend to expand on it in the future. Due to my lack of knowledge there is no backend for now so everything is saved locally.
No registration is required, password just can't be left empty, only the user name is used and data is saved locally using that username. This allows multiple users and it is safe to use since it is saved locally in the form of a JSON file.
Task Tango is a task management website that provides a flexible and intuitive platform for users to organize their tasks effectively. The website offers a column-based layout that allows users to categorize and prioritize their tasks across multiple dimensions.
Key Features:
-
Column-based Layout: Users can create and customize multiple columns to represent different categories, levels of completion, projects, or time periods.
-
Drag-and-Drop Functionality: Tasks can be easily moved between columns, allowing for quick reorganization and prioritization.
-
Multiple Worksheets: Users can create and switch between different worksheets, providing the ability to manage various projects or areas of life separately.
-
Task Creation: Users can quickly add new tasks by a single push of a button and typing them directly into the interface.
-
Customization: Columns can be resized, reordered, and renamed to suit individual preferences and workflows.
-
Visual Organization: The column layout provides a clear visual representation of task distribution across different areas, making it easy to see what needs attention.
-
Intuitive Interface: The user-friendly design ensures that even those unfamiliar with complex task management systems can quickly grasp and utilize the platform.
By combining these features, users can create a personalized task management system that mirrors their unique workflow and organizational style. Task Tango empowers individuals and teams to streamline their productivity, enhance focus, and achieve better time management across various aspects of their lives or work.
-
React.js: The primary frontend framework used for building the interactive user interface, including the column-based layout, drag-and-drop functionality, and task creation features 2.
-
Vite: A modern build tool used for creating fast and lightweight React applications, providing excellent development experience and performance out-of-the-box 3. State Management
-
React Context API: Utilized for managing global state across components, including column configurations and active worksheet 4.
-
CSS for creating smooth and visually appealing animations and styling, enhancing the user experience and making the game more engaging.
-
HTML drag and drop API for the drag and drop functionalities.
To start using the Task Tango website simply log in using any username of your choice and any password. Note: Make sure to remember your username for future use! Note 2: Password is not important at the moment, just don't leave the field empty.