Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/innuska23/test-task-todo

localstorage react redux

Last synced: 27 days ago
JSON representation

Host: GitHub
URL: https://github.com/innuska23/test-task-todo
Owner: Innuska23
Created: 2023-11-29T21:05:07.000Z (about 1 year ago)
Default Branch: master
Last Pushed: 2023-12-04T13:25:14.000Z (about 1 year ago)
Last Synced: 2024-11-15T04:32:28.545Z (3 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

![ToDo app homepage](/src/assets/homepage.png)

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.

![ToDo app done:](/src/assets/done.png)

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.

![ToDo app edit:](/src/assets/edit.png)

Pagination is connected to the application and the total number of pages is displayed.