Skip to content

Latest commit

 

History

History
55 lines (44 loc) · 1.25 KB

README.md

File metadata and controls

55 lines (44 loc) · 1.25 KB

React Todo App

A simple Todo app built with React and styled using Tailwind CSS.

Features

  • Add, toggle, and delete todos
  • Fetch initial todos from JSONPlaceholder API
  • Responsive design

Tech Stack

  • React
  • Tailwind CSS
  • JavaScript

Setup

  1. Clone the repo:

    git clone https://github.com/Ilakiancs/ToDo-App.git
cd ToDo-App

  2. Install dependencies:

    npm install

  3. Start the app:

    npm start

    Visit http://localhost:3000 in your browser.

Project Structure

ToDo-App/
├── node_modules/          # Dependencies
├── public/
│   ├── favicon.ico        # Favicon
│   └── index.html         # HTML file
├── src/
│   ├── components/
│   │   └── TodoApp.js     # Main Todo component
│   ├── App.css            # Global styles
│   ├── App.js             # Root component
│   ├── index.js           # Entry point
│   └── reportWebVitals.js # Report web vitals
├── .gitignore             # Git ignore file
├── package-lock.json      # Lock file for dependencies
├── package.json           # Project dependencies and scripts
├── tailwind.config.js     # Tailwind configuration