https://github.com/mariokreitz/todo-app
A responsive Todo list application built with React and Tailwind CSS, featuring authentication using Kinde Auth React. Add, toggle, and delete tasks with ease.
https://github.com/mariokreitz/todo-app
based-on-tutorial customized-theme todoapp-react typescript-react
Last synced: 12 months ago
JSON representation
A responsive Todo list application built with React and Tailwind CSS, featuring authentication using Kinde Auth React. Add, toggle, and delete tasks with ease.
- Host: GitHub
- URL: https://github.com/mariokreitz/todo-app
- Owner: mariokreitz
- License: mit
- Created: 2024-07-13T13:45:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-13T14:20:48.000Z (over 1 year ago)
- Last Synced: 2025-02-01T12:46:14.622Z (about 1 year ago)
- Topics: based-on-tutorial, customized-theme, todoapp-react, typescript-react
- Language: TypeScript
- Homepage: https://another-simple-todoapp.netlify.app/
- Size: 92.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# TodoApp [](https://app.netlify.com/sites/another-simple-todoapp/deploys)
A simple Todo list application built with React and Tailwind CSS.
## Features
- **Add Todos:** Enter new tasks to add to your list.
- **Toggle Todos:** Mark tasks as completed or incomplete.
- **Delete Todos:** Remove tasks from the list.
- **Authentication:** Log in, register, and log out with authentication using Kinde Auth.
## Technologies Used
- React
- Tailwind CSS
- Kinde Auth React (for authentication)
## Getting Started
To get a local copy up and running follow these simple steps:
1. Clone the repository:
```sh
git clone https://github.com/mariokreitz/todo-app.git
```
2. Install dependencies:
```sh
cd todo-app
npm install
```
3. Set up environment variables:
- Create a `.env` file in the root directory.
- Add necessary environment variables (e.g., API keys, authentication settings).
4. Start the development server:
```sh
npm start
```
5. Open your browser and visit:
```url
http://localhost:5173
```
## Contributing
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
1. Fork the project.
2. Create your feature branch (`git checkout -b feature/AmazingFeature`).
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`).
4. Push to the branch (`git push origin feature/AmazingFeature`).
5. Open a pull request.
## License
Distributed under the MIT License. See `LICENSE` for more information.
## Inspired
Youtube - [Video](https://youtu.be/J3aFEqouK44?si=z1URP8HpDaOkpTT3)
Project Link: [https://github.com/ByteGrad/todo-app](https://github.com/ByteGrad/todo-app)