This is a CRUD To-Do app, without persistence, uses React.js and JavaScript.
This is a Front End To Do List. It's Control of tasks To Do, with the functionality simple, like this, C - Create tasks (ADD), D - Delete tasks from the list, and check or uncheck the completed task status (Checked)
This project was developed previously for CodeBucks, found on youtube with the title """Build a Todo App with React Js | Using React Hooks""" However, some customizations were made, such as: fix the position of the input field to centralized, the font has been changed to sans-serif, and change background-image for linear-gradient.
- Add new tasks to the list.
- View the list of added tasks.
- Mark tasks as completed.
- Delete tasks from the list.
- Intuitive and responsive user interface.
This project was developed using technology:
- React.js: For building the user interface.
- JavaScript (ES6+): For application logic.
- React Hooks UseState: Used for state management
However, in my devepoment used too: Msg-linter and comitzen for semantic version and Convencional Commits; beyond the VS_Code with snippets.
To clone and run this application, you'll need Git, Node.js v14.17 or higher + npm (used version npm@8.10.0) installed on your computer from your command line:
## Clone this repository
### $ `git clone https://github.com/Almir-git-unifc/ToDo-List_simple_react-js.git`
## Go to repository
### $ `cd ToDo-List_simple_react-js-main`
## Install dependencies
### $ `npm install`
## Run locally the app
### $ `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](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.
👤 Almir
- Github: @Almir-git-hub
MIT