React TypeScript Todo List (ViteJS)

This project is a Todo List application created using ViteJS, React, and TypeScript. The application allows users to manage todos effectively with a modern and fast development environment.

Features

• Add Todo: Easily add new todos to the application.
• View Todos: Clear view of all existing todos.
• Context-Based State Management: Utilizes context for efficient state management across components.

Installation

1. Clone the repository to your local machine:

git clone https://github.com/August269/React-ts-todolist-vitejs.git

2. Navigate to the project directory:

cd React-ts-todolist-vitejs

3. Install the required dependencies:

npm install

Usage

To start the development server, run the following command:

npm run dev

The application will be available at http://localhost:5173.

Folder Structure

The project follows a structured layout for better organization:

React-ts-todolist-vitejs/
  ├── src/
  │   ├── components/
  │   │   ├── TodoList.tsx
  │   │   ├── TodoItem.tsx
  |   |   ├── NewTodo.tsx
  │   ├── context/
  │   │   ├── todoContext.tsx
  │   ├── models/
  │   │   ├── todo.ts
  │   ├── App.tsx
  │   ├── index.tsx
  ├── public/
  │   ├── index.html
  ├── package.json
  ├── tsconfig.json
  ├── README.md

Technology Stack

The project utilizes the following technologies:

• ViteJS
• React
• TypeScript
• React Context API
• HTML5
• CSS3

Contributing

Contributions to this project are welcome! If you find any bugs or want to add new features, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.

Acknowledgments

Thanks to all the contributors and developers whose libraries, code snippets, and insights have been used in this project.

Happy Todo-ing! 😄