This project is a part of the Frontend internship program at Foothill Technology Solutions. The goal of this task is to create a React application using TypeScript, implementing interfaces for typing any passed props.

The Typed ToDo App is a simple to-do list application where users can add, mark as completed, and delete to-do items. This project aims to provide hands-on experience with React and TypeScript, focusing on state management and component-based architecture.

• State Management: Efficient state handling for adding, marking, and deleting to-do items.
• Display To-Do Items: Render to-do items dynamically using the map method.
• Add To-Do Items: Input field and button to add new to-do items.
• Mark as Completed: Checkbox to mark to-do items as completed.
• Delete To-Do Items: Ability to delete to-do items from the list.

• React + TypeScript: Core libraries for building the application.
• MUI: Material-UI for designing user interfaces.
• Vite: Build tool for faster and leaner development.

Live Demo

Follow these steps to install and run the project on your local machine:

1. Clone the repository:

   git clone https://github.com/Jamal-SaadEddin/Typed-ToDo-App.git
   cd Typed-ToDo-App

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open your browser: Navigate to http://localhost:5173 to see the application running.

• @Jamal-SaadEddin

• This task is part of the Foothill Technology Solutions Internship Cycle.
• Big thanks to my trainer @Huthaifa

Thank you for visiting my project! Feel free to star or contribute to the repository if you find it useful.