Simple TODO List App

This is a TODO List application that simplifies task management. Built using a combination of HTML, CSS, JavaScript, React.js, Node.js, Express.js, GraphQL, MySQL, and Apollo Client, it provides an intuitive and efficient way to organize your tasks.

Features

• Add Tasks: Easily add new tasks to your TODO list with descriptions and due dates.
• Delete Tasks: Remove completed or unnecessary tasks with a single click.
• Mark as Done: Keep track of your progress by marking tasks as completed.
• Animated Background: Enjoy a visually pleasing experience with a JavaScript animated particle background.
• Simple UI: User-friendly interface designed for ease of use.

Technologies Used

• Frontend: HTML, CSS, JavaScript, React.js
• Backend: Node.js, Express.js
• Database: MySQL
• API: GraphQL, Apollo Client

Installation

1. Clone this repository to your local machine.
2. Install dependencies using npm install or yarn install.
3. Set up your MySQL database and configure the connection in .env.
4. Start the server with npm start or yarn start.
5. Open the app in your web browser at http://localhost:3000.

Usage

1. Add new tasks by typing them in the input field and pressing 'Enter' or clicking the 'Add' button.
2. Mark tasks as done by clicking the checkbox next to each task.
3. Delete tasks by clicking the trash can icon next to each task.
4. Enjoy a visually appealing background as you manage your tasks efficiently.

UI

Note

This project draws inspiration from @ancod3r's TODO list application, serving as a practical endeavor to gain proficiency in the fundamentals of React.js, Node.js, Express.js, GraphQL, MySQL, and Apollo Client. Its primary purpose is to provide a hands-on learning experience with React, allowing me to delve into the code independently. You can find the original repository by @ancod3r [here].