Skip to content

This repository contains a Todo App built using Angular and React. The app allows users to create, edit, delete todos. Todos are stored locally in the browser's localStorage, allowing users to access them later.

Notifications You must be signed in to change notification settings

pankajkhuswaha/todo-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Todo App

This repository contains a Todo App built using Angular and React. The app allows users to create, edit, delete todos. Todos are stored locally in the browser's localStorage, allowing users to access them later.

Both the Angular and React versions of the app have the same basic features and functionality.

Demo

You can access the live demo of the Todo App here.

Directory Structure

The repository is structured into two directories:

  • Angular: Contains the Angular version of the Todo App.
  • React: Contains the React version of the Todo App.

Each directory contains its own implementation of the Todo App using the respective framework.

Setup and Installation

To run either the Angular or React version of the Todo App, follow the steps below:

  1. Clone the repository: git clone https://github.com/pankajkhuswaha/todo-app.git

  2. Navigate to the directory of the framework you want to run:

  • For Angular: cd angular
  • For React: cd react
  1. Install dependencies: npm install

  2. Run the app:

  • For Angular: ng serve
  • For React: npm start
  1. Open your web browser and go to http://localhost:4200 for the Angular version or http://localhost:3000 for the React version to view the Todo App.

Usage

  1. Create Todos: Once logged in, users can create new todos by entering a title and description.
  2. Edit Todos: Users can edit the title or description of existing todos.
  3. Mark Todos as Completed: Users can mark todos as completed by checking the checkbox next to each todo.
  4. Delete Todos: Users can delete todos they no longer need by clicking on the delete button.
  5. Access Later: Todos are stored locally in the browser's localStorage, allowing users to access them later even after closing the app.

Screenshots

Todo App Screenshot 1

Todo App Screenshot 2

Todo App Screenshot 2

Todo App Screenshot 2

Technologies Used

  • Angular: A popular JavaScript framework for building web applications.
  • React: A JavaScript library for building user interfaces.
  • localStorage: A web storage API used to store data locally in the browser.

Contributing

Contributions are welcome! If you find any bugs or want to suggest improvements, please open an issue or submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

This repository contains a Todo App built using Angular and React. The app allows users to create, edit, delete todos. Todos are stored locally in the browser's localStorage, allowing users to access them later.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published