fullStack-todoList-typeScript 🌟

FTS-TASK12 - Typed ToDo App ✅

🌠 Overview

The Typed ToDo App is designed to provide a straightforward and efficient way to manage tasks. Utilizing TypeScript ensures a robust and maintainable codebase, reducing bugs and improving the development experience. The user interface is intuitive and responsive, making it easy to use on both desktop and mobile devices. Key features include task creation, editing, deletion, and completion tracking, all aimed at helping users stay organized and productive.

---

🎯 Features

• creates a new React project.
• sets up TypeScript in the project.
• creates the main Components.
• implements State Management.
• displays To-Do Items - Use the map method to render each TodoItem
• adds New To-Do Items:
  • Adds an input field and a button to the TodoApp component.
  • When the button is clicked, updates the state to add a new ToDo item with the text entered in the input field.
• marks To-Do Items as Completed:
  • Adds a checkbox to each TodoItem component.
  • When a checkbox is clicked, update the completion status of the corresponding ToDo item in the state.
• implements the ability to delete To-Do items from the list.
• use the interface and type for passed props.

---

👾 Technologies Used

---

🕹️ Getting Started

To run this application locally, follow these steps:

1. Clone the repository -> git clone https://github.com/dohmeid/fullStack-todoList-typeScript.git
2. Go to folder server -> cd server
3. Make sure you have MongoDB installed and running locally.
4. Start the server using: node index.js
5. Go to folder client -> cd client
6. Start the development server using -> npm start
7. You can access the project by navigating to http://localhost:3000 in your web browser.

---

👁️ Preview