React Todo App allows you to create, edit, delete and view your todos. It is a simple todo app built with React, Linters and Localstorage.

Overview

React Todo App

React Todo App allows you to create, edit, delete and view your todos. It is a simple todo app built with React, Linters and Localstorage.

Built With

  • React
  • Linters

Live Demo

N/A

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

Prerequisites

  • Having an IDE .
  • Having Git installed and configured.

Setup

  • Clone the repository using Git.
  • Open the project folder in your IDE.
  • Get the dependecies

Authors

👤 Author1

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

📝 License

This project is MIT licensed.

You might also like...
A bookstore MVP that allows users to add, delete, and list available books
A bookstore MVP that allows users to add, delete, and list available books

Bookstore It is a bookstore MVP that allows users to add, delete, and list available books. Features The website displays a bookstore user interface u

This is memories application developed using React JS,mongo DB .We can perform CRUD operation in this app like create post,read post,make changes in previously posted post as well as delete post.
This is memories application developed using React JS,mongo DB .We can perform CRUD operation in this app like create post,read post,make changes in previously posted post as well as delete post.

Memories Front end - React,javascript,html,css Back end- NODE JS Application - This is memory application and it is a simple social media app that all

A React Application challenge With CRUD (Create, Read, Update, Delete)
A React Application challenge With CRUD (Create, Read, Update, Delete)

Desafio 03 - Corrigindo o código 💻 Sobre o desafio Nesse desafio, temos uma aplicação Node.js que está em processo de desenvolvimento mas que já poss

TryShape is an open-source platform to create shapes of your choice using a simple, easy-to-use interface. You can create banners, circles, polygonal shapes, export them as SVG, PNG, and even as CSS.
TryShape is an open-source platform to create shapes of your choice using a simple, easy-to-use interface. You can create banners, circles, polygonal shapes, export them as SVG, PNG, and even as CSS.

TryShape is an open-source platform to create shapes of your choice using a simple, easy-to-use interface. You can create banners, circles, polygonal shapes, export them as SVG, PNG, and even as CSS.

This is a To do app developed using to consolidate your knowledge about React, components, props, state, and hooks. A user can add, delete, updated and mark items as completed

To-do-app-with-React This is a To do app developed using React & Lifecycle methods to consolidate knowledge about React, components, props, state, hoo

Powerfull TODOLIST app with React.js with Add, Remove, Remove all, Edit, Local Storage features.

Advance React TODOLIST Application Powerfull TODOLIST app with React.js with Add, Remove, Remove all, Edit, Local Storage features. Clone this project

Todo app built with React, Redux, Typescript, and Vite with color themes and todo filtering
Todo app built with React, Redux, Typescript, and Vite with color themes and todo filtering

Todo app built with React, Redux, Typescript, and Vite with color themes and todo filtering. Styled with styled-components.

A web application that allows you to create printable invoices using React.js, Firebase and React-to-print
A web application that allows you to create printable invoices using React.js, Firebase and React-to-print

An online invoicing software that helps you craft and print professional invoices for your customers for free! Keep your business and clients with one invoicing software.

 A web application that allows the user to graphically build quantum circuits and view the results on a dashboard ⚛️
A web application that allows the user to graphically build quantum circuits and view the results on a dashboard ⚛️

A web application that allows the user to graphically build quantum circuits and view the results on a dashboard. This project combines React, TypeScript frontend with a Flask, Python backend using Qiskit library to perform quantum operations.

Comments
  • React Todo App with Routers

    React Todo App with Routers

    React Todo App with Routers

    Checklist

    • [x] I have read this repository's contribution guidelines.
    • [x] My pull request has a descriptive title (not a vague title like Update index.MD)
    • [x] My pull request targets the dev branch of this project.
    • [x] I added relevant documentation for all the files I changed

    This PR implements routing and hooks to manage state

    What changes have been made?

    • [x] Add event handling and state lifting
    • [x] Add inline CSS & CSS modules
    • [x] Add React Hooks and functional components
    • [x] Add React Icons using the font awesome library.
    • [x] Add React Router with react-router-dom

    The author of these changes is the owner of the repo @didierganthier

    opened by didierganthier 0
Owner
Didier Peran Ganthier
Full-Stack Software Developer with a love for React, Flutter, Rust, and TypeScript. I love riddles, challenges, and philosophy. Open to new opportunities.
Didier Peran Ganthier
Snippet Box is a simple self-hosted app for organizing your code snippets. It allows you to easily create, edit, browse and manage your snippets in various languages.

Snippet Box is a simple self-hosted app for organizing your code snippets. It allows you to easily create, edit, browse and manage your snippets in various languages.

null 687 Jan 2, 2023
📋 Task manager with react js you can add title add description , edit📝, complete✔, remove❌, localstorage, dark mode 🌜

?? Task manager with react js you can add title add description , edit??, complete✔, remove❌, localstorage, dark mode ??

ali turkaman 17 Sep 23, 2022
TaskBerry - a task management application developed with react.js that implements the ability to add, edit and delete your daily tasks to keep track of them

Taskberry is a really simple task management web app built on reactjs. In this app, a user can create, edit and delete multiple tasks in the app

Ishant Chauhan 4 Feb 25, 2022
A Web app built with ReactJS that adds a task, and lets a user edit, delete and clear completed tasks.

A Web app built with ReactJS that adds a task, and lets a user edit, delete and clear completed tasks.

Promise Okechukwu 8 Nov 1, 2022
This application integrates Twilio SMS with a ToDo app. As you add tasks to your Todo app, you have the option to send SMS reminders to your cell phone.

This application integrates Twilio SMS with a ToDo app. As you add tasks to your Todo app, you have the option to send SMS reminders to your cell phone. The days of forgetting a task or meeting are no more with ToodleDo app.

Ricardo Salcido 1 Dec 14, 2021
A simple Todos app with ReactJS.

Todos App With ReactJs front end Todo list made with ReactJS, the frontend interacts with two backend's applications: the application interacts with a

Yacine Maouche 3 Nov 2, 2022
A Simple To Do List Application to Add, View & Delete tasks in a single webpage using React.js

To-Do List Application This is a To-Do List Application to Add,View, and Delete Tasks accordingly. Live Link - https://shobhit1338.github.io/To-Do-Lis

Shobhit Gupta 6 Dec 26, 2022
Book store is a simple app built with React and Redux that allows you to view, add, and remove books

Book Store Book store is a simple app built with React and Redux that allows you to view, add, and remove books Explore the docs ???? · Live Demo Comi

Eze Promise 3 Aug 8, 2022
Lista de todos os personagens da série Breaking Bad utilizando a The Breaking Bad API.

Personagens de Breaking Bad Demonstração • Sobre • Tecnologias • Link do projeto • Como executar • Conceitos praticados • Autor • ?? Demonstração ℹ️ S

Rodrigo Vitoriense 1 Nov 21, 2021
React Icons Viewer - allows you to search through the react-icons and it allows you to download the icon as png/svg

React Icons Viewer - allows you to search through the react-icons and it allows you to download the icon as png/svg

null 2 Jul 14, 2022