https://github.com/w3bdesign/todo-hooks

React TODO app with Hooks and Ant Design for UI
https://github.com/w3bdesign/todo-hooks

ant-design antd es6 immer javascript jest react react-testing-library reacthooks usecontext useimmerreducer

Last synced: 3 months ago
JSON representation

React TODO app with Hooks and Ant Design for UI

• Host: GitHub
• URL: https://github.com/w3bdesign/todo-hooks
• Owner: w3bdesign
• License: gpl-3.0
• Created: 2020-01-15T01:01:42.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-09-27T17:29:59.000Z (4 months ago)
• Last Synced: 2024-10-10T17:41:17.667Z (4 months ago)
• Topics: ant-design, antd, es6, immer, javascript, jest, react, react-testing-library, reacthooks, usecontext, useimmerreducer
• Language: JavaScript
• Homepage:
• Size: 7.97 MB
• Stars: 12
• Watchers: 3
• Forks: 9
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=w3bdesign_todo-hooks&metric=alert_status)](https://sonarcloud.io/dashboard?id=w3bdesign_todo-hooks)

# React TODO with Hooks

The initial release of this project only used useState for state.

I have now done a major refactor in order to use Immer, useImmerReducer and useContext.

## Current features:

-   Ant Design version 4.23.1 with the following components: Table, Row, Col, Popconfirm, Icon, Typography and Popup notification

-   React 18 with hooks (useState and useContext)

-   State management with Immer and useImmerReducer hook

-   Add, delete and complete TODOs

-   Ant Design filter functionality - hide completed TODOs

-   Ant Design DatePicker for date selection

-   UUID for unique React key identifier

-   Pagination (multiple pages) for table

-   Responsive layout for mobile devices

-   DevOps integration with CircleCI unit testing

-   SonarGate cloud code quality testing