https://github.com/innuska23/test-task-todo
https://github.com/innuska23/test-task-todo
localstorage react redux
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/innuska23/test-task-todo
- Owner: Innuska23
- Created: 2023-11-29T21:05:07.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-12-04T13:25:14.000Z (over 1 year ago)
- Last Synced: 2025-01-15T11:19:15.552Z (6 months ago)
- Topics: localstorage, react, redux
- Language: JavaScript
- Homepage: https://innuska23.github.io/test-task-todo/
- Size: 436 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ToDo App
This is a test task for trainee react position.
## Requirements:
Develop a React application incorporating a TODO list, API interaction, pagination, CRUD operations, custom design, state management through Redux or Local Storage, with optional responsive design and Docker containerization.
## Installation and Launch:
1. Install net version.
2. Install the project's essential dependencies using the "npm install" command.
3. Start the development mode by executing the "npm start" command (or "npm run dev").
4. Go to localhost in the browser. This page will automatically reload after saving the changes in the project files.
## Screenshots of the completed task:
ToDo app homepage
The application has an input and an "Add" button, after which a new task is added to the end of the list. The task list itself has 3 buttons: "Edit", "Done", "Delete". The screenshot shows how the command completion is done.
The provided screenshot illustrates the 'Edit' button. Upon clicking this button, an input field appears, allowing users to modify the task text. Additionally, two extra buttons become visible.
Pagination is connected to the application and the total number of pages is displayed.