TODO-APP Tailwind Templates

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.

TodoApp

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:

    git clone https://github.com/mariokreitz/todo-app.git
    
  2. Install dependencies:

    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:

    npm start
    
  5. Open your browser and visit:

    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

Project Link: https://github.com/ByteGrad/todo-app

Top categories

Loading Svelte Themes