https://github.com/furkan-dogu/todo-with-ts

This project, which I created using Vite-React-TypeScript, includes a to-do list application where users can add and delete tasks.
https://github.com/furkan-dogu/todo-with-ts

axios material-ui mui-icons react sweetalert2 typescript vite

Last synced: about 6 hours ago
JSON representation

This project, which I created using Vite-React-TypeScript, includes a to-do list application where users can add and delete tasks.

• Host: GitHub
• URL: https://github.com/furkan-dogu/todo-with-ts
• Owner: furkan-dogu
• Created: 2024-01-28T09:48:27.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-01-28T17:46:37.000Z (10 months ago)
• Last Synced: 2024-01-29T13:21:36.436Z (10 months ago)
• Topics: axios, material-ui, mui-icons, react, sweetalert2, typescript, vite
• Language: TypeScript
• Homepage: https://todo-with-ts-eight.vercel.app
• Size: 819 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Todo App



  



## About the Project

This project, which I created using Vite-React-TypeScript, includes a to-do list application where users can add and delete tasks.

## Table of Contents

- [Technologies Used](#technologies-used)

- [Usage](#usage)

- [Project Skeleton](#project-skeleton)

- [Screenshots](#screenshots)

## Live Demo

[Todo App](https://todo-with-ts-eight.vercel.app/)

## Technologies Used

- React

- TypeScript

- Vite

- Axios for API requests

- Styling with [Material UI](https://mui.com/)

- [Sweetalert2](https://sweetalert2.github.io/) for alert 

- [Mockapi](https://mockapi.io//) for API 

## Usage

- Type your task in the input section to add a new task.

- Click the "ADD" button after entering your task.

- When you have completed a task, you can click on the completed task and move it to the completed section or send it back to the to-do section.

- You can delete a task by clicking on the trash bin icon.

## Project Skeleton

```     

SOLUTION

├── src

│    ├── App.tsx

│    ├── main.tsx

│    ├── assets

│    ├── components

│    │   ├── AddTodo.tsx

│    │   ├── Items.tsx

│    │   └── TodoList.tsx

│    ├── pages

│    │   └── Home.tsx

│    ├── helper

│    │   └── sweetalert.ts

│    ├── types.d.ts

│    └── vite-env.d.ts

├── package.json

├── index.html

├── .gitignore

├── README.md

├── vite.config.ts

├── tsconfig.node.json

├── tsconfig.json

└── pnpm-lock.yaml

```

## Screenshots



  

  

  



## Compatibility

The project is compatible with both wide-screen computers and mobile devices.