Skip to content

plizarraga/react-tailwindcss-todo-app

Repository files navigation

React + Tailwind CSS Todo App

This is a simple todo app built using React and Tailwind CSS. It's a great project for beginner to intermediate frontend developers looking to improve their React and CSS skills.

Features

  • Add new todo items
  • Mark items as completed
  • Delete items
  • Filter items by completed status

Installation and Usage

  1. Clone the repository: git clone https://github.com/plizarraga/react-tailwindcss-todo-app.git
  2. Install dependencies: npm install
  3. Run the app: npm run dev
  4. Open your browser and go to http://localhost:5173

Project Structure

The project is structured as follows:

The components folder contains the individual React components that make up the app. The App component is the top-level component that renders the other components.

The styles.css file contains the custom CSS styles used in the app.

Technologies Used

  • React
  • Tailwind CSS

Contributing

If you'd like to contribute to the project, please fork the repository and create a new branch for your changes. Once you've made your changes, submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more information.

About

Frontend Mentor challenge todo app with React + TailwindCSS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published