Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vmnog/todo
React and TypeScript-based ToDo app with a clean UI design. Independently coded with pnpm for efficient package management.
https://github.com/vmnog/todo
react tailwindcss todo-app typescript vite
Last synced: 10 days ago
JSON representation
React and TypeScript-based ToDo app with a clean UI design. Independently coded with pnpm for efficient package management.
- Host: GitHub
- URL: https://github.com/vmnog/todo
- Owner: vmnog
- License: mit
- Created: 2023-04-24T23:32:23.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-05-03T15:33:17.000Z (over 1 year ago)
- Last Synced: 2024-12-10T18:16:52.982Z (29 days ago)
- Topics: react, tailwindcss, todo-app, typescript, vite
- Language: TypeScript
- Homepage: https://vmnog.github.io/todo/
- Size: 242 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ToDo App | Vite + React + TS + TailwindCSS
This is a simple yet powerful ToDo application, built with React and TypeScript. The application allows users to manage their daily tasks effectively. This project is part of a frontend course, where the figma and the features were provided, but the entire codebase was developed by me independently.
> 🟢 Check live demo [here](https://vmnog.github.io/todo/)
## Figma Design
The user interface of the ToDo application was designed using Figma. You can view the design [here](https://www.figma.com/file/0n0zDN7zbzhRbaEO74Xesx/ToDo-List/duplicate).
## Prerequisites
Before running the application, make sure you have the following software installed on your machine:
- [Node.js](https://nodejs.org/)
- [pnpm](https://pnpm.io/)
> Note: This project recommends using `pnpm` as the package manager due to its efficient package management strategy.
## Installation
Clone the project from the repository.
```
git clone https://github.com/vmnog/todo
```
Navigate to the project directory.
```
cd todo
```
Install the required dependencies using `pnpm`.
```
pnpm install
```
## Available Scripts
In the project directory, you can run:
### `pnpm dev`
Runs the app in the development mode. Open [http://localhost:5173](http://localhost:5173) to view it in the browser.
### `pnpm build`
Builds the app for production to the `build` folder. It correctly bundles React in production mode and optimizes the build for the best performance.
### `pnpm lint`
Launches the linter in the interactive watch mode.
### `pnpm preview`
This runs the built app in preview mode.
## Contributing
If you'd like to contribute, please fork the repository and make changes as you'd like. Pull requests are warmly welcome.
## License
This project is open source and available under the [MIT License](LICENSE).