VSNSRUJANA123 / FrontendAssignment

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React To-Do Application

Description

This is a simple To-Do application built using ReactJS that allows users to add, view, edit, and delete tasks. The application demonstrates the use of functional components, React hooks, and state management using Redux.

Features

  • Add Task: Users can add a new task by typing into the input field and pressing Enter or clicking the "Add Task" button.
  • View Tasks: All added tasks are displayed in a list format.
  • Edit Task: Each task can be edited by clicking the "Edit" button, which opens an input field to modify the task.
  • Delete Task: Each task can be removed by clicking the "Delete" button.
  • Mark Task as Completed (Bonus): Users can toggle a task's completed state, which changes the task's styling.
  • Persistent Storage (Bonus): Tasks are saved to local storage so they are not lost on page reload.

Technologies Used

  • ReactJS
  • Redux
  • JavaScript (ES6)
  • CSS

Installation

  1. Clone the repository:
    git clone https://github.com/yourusername/react-todo-app.git
    cd react-todo-app
    npm install
    npm start

The application will be available at http://localhost:3000.

About


Languages

Language:JavaScript 61.9%Language:HTML 20.7%Language:CSS 17.4%