This repository contains a React-based Todo App developed using TypeScript. The application allows users to add, delete, and toggle the completion status of todo items.
This application offers a straightforward user interface for managing daily tasks. It is built with efficiency and simplicity in mind, allowing for quick interactions.
- Add Todos: Input field to enter new tasks.
- Delete Todos: Option to remove tasks from the list.
- Toggle Completion: Click on a task to mark it as complete or incomplete.
File | Description |
---|---|
App.tsx |
Main component including routing and state management |
InputField.tsx |
Component to input new todo tasks |
SingleTodo.tsx |
Represents a single todo item |
TodoList.tsx |
Displays the list of todo tasks |
model.ts |
TypeScript models and interfaces |
styles.css |
Global styles |
App.css , index.css |
Additional CSS files for specific styling needs |
To set up the project locally, follow these steps:
git clone <https://github.com/0xtomotech/basic_react_typescript_app_taskifier.git>
cd <basic_react_typescript_app_taskifier>
npm install
npm start