https://github.com/up1512001/todo-rtcamp

https://github.com/up1512001/todo-rtcamp

Last synced: 1 day ago
JSON representation

• Host: GitHub
• URL: https://github.com/up1512001/todo-rtcamp
• Owner: up1512001
• Created: 2023-12-15T06:55:16.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2023-12-15T07:37:51.000Z (11 months ago)
• Last Synced: 2024-05-21T12:11:23.474Z (6 months ago)
• Language: JavaScript
• Homepage: https://todo-rtcamp.vercel.app
• Size: 411 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Todo App

This is a simple React Todo App with features like adding, editing, and deleting todos. It also includes filtering options and a search functionality.

## Features

Add new todos

Edit existing todos

Delete todos

Toggle todo completion status

Filter todos by All, Completed, or Incomplete

Search todos by text

## Components

The React Todo App is modularized into components, making it easy for developers to understand and extend the functionality. Each major feature or section of the app is encapsulated in a separate component. Here's an overview of the components:

- **TodoApp:** The main component that holds the entire Todo App logic and layout.

- **FilterButtons:** A reusable component responsible for rendering filter radio buttons (All, Completed, Incomplete).

- **TodoList:** Displays the list of todos and manages individual todo items.

- **TodoItem:** Represents an individual todo item with features like editing, deleting, and toggling completion status.

- **SearchBar:** Provides a search input for filtering todos based on text.

## Media Queries

The app is designed to be responsive across different screen sizes. Media queries are used to adjust the layout and styling based on the device's screen width.