leonardopliski/react-antd-todo

A simple todo list app built with React, Redux and Antd - Ant Design

React Ant Design Todo List

A simple todo list app built with React, Redux, Redux Persist, LESS and Ant Design

Demo

A demo is worth a thousand words

Usage

First of all, clone this repo:

$ git clone https://github.com/leonardopliski/react-antd-todo.git

Move to the project dir:

$ cd react-antd-todo/

With Docker just run:

$ docker-compose up -d

Application Principles

• A better JavaScript ES6 syntax ( arrow functions, ternary operators, object destructuring and others! )
• React ( Presentational and Container Components )
• Redux ( State Management with our action creators, reducers, and store )
• Redux persist ( A great tool to persist and rehydrate redux store )
• Ant Design for a better UX & UI with Responsive Web Design
• LESS ( using less into your application makes style management easy )

Contributions

Your contributions are always welcome!

License

This Project is MIT licensed © Leonardo Pliskieviski

react-antd-todo's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• chore(deps): replace dependency faker with @faker-js/faker
• fix(deps): update dependency antd to v4.24.16
• chore(deps): update actions/checkout action to v4
• chore(deps): update actions/setup-node action to v4
• chore(deps): update dependency husky to v9
• chore(deps): update dependency less-loader to v12
• chore(deps): update node.js to v20 (node, @types/node)
• fix(deps): update dependency antd to v5
• fix(deps): update dependency react-redux to v9
• fix(deps): update dependency react-router-dom to v6
• fix(deps): update dependency react-scripts to v5
• fix(deps): update dependency redux to v5
• fix(deps): update dependency redux-thunk to v3
• fix(deps): update dependency typescript to v5
• fix(deps): update dependency uuid to v9 (uuid, @types/uuid)
• fix(deps): update react monorepo to v18 (major) (@types/react, @types/react-dom, react, react-dom)
• 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency babel-plugin-import to v1.13.8
• fix(deps): update jest monorepo (@types/jest, jest)
• fix(deps): update react monorepo (@types/react, @types/react-dom, react, react-dom)
• chore(deps): update dependency react-app-rewired to v2.2.1
• chore(deps): update nginx docker tag to v1.26.0
• fix(deps): update dependency @types/node to v14.18.63
• fix(deps): update dependency react-router-dom to v5.3.4
• fix(deps): update dependency redux-thunk to v2.4.2
• chore(deps): update dependency faker to v6 (faker, @types/faker)
• chore(deps): update dependency wait-on to v7
• Click on this checkbox to rebase all open PRs at once

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

• fix(deps): update dependency @types/uuid to v8.3.4
• fix(deps): update dependency react-redux to v7.2.9 (react-redux, @types/react-redux)
• fix(deps): update dependency react-scripts to v4.0.3
• chore(deps): update dependency @types/react-router-dom to v5.3.3
• chore(deps): update dependency faker to v5.5.3 (faker, @types/faker)
• chore(deps): update dependency less to v4.2.0
• chore(deps): update dependency ts-jest to v26.5.6
• chore(deps): update dependency wait-on to v5.3.0
• fix(deps): update dependency redux to v4.2.1
• fix(deps): update dependency typescript to v4.9.5
• fix(deps): update jest monorepo to v29 (major) (@types/jest, jest, ts-jest)

Detected dependencies

docker-compose

docker-compose.prod.yml

docker-compose.yml

dockerfile

docker/Dockerfile

• node 15-alpine
• nginx 1.18.0-alpine

docker/Dockerfile.dev

• node 15-alpine

github-actions

.github/workflows/main.yml

• actions/checkout v2
• actions/setup-node v1

npm

package.json

• @types/jest 26.0.20
• @types/node 14.14.22
• @types/react 17.0.0
• @types/react-dom 17.0.0
• @types/uuid 8.3.0
• antd 4.12.1
• react 17.0.1
• react-dom 17.0.1
• react-redux 7.2.2
• react-router-dom 5.2.0
• react-scripts 4.0.1
• redux 4.0.5
• redux-persist 6.0.0
• redux-thunk 2.3.0
• typescript 4.1.3
• uuid 8.3.2
• @types/faker 5.1.5
• @types/react-redux 7.1.16
• @types/react-router-dom 5.1.7
• babel-plugin-import 1.13.3
• customize-cra 1.0.0
• cz-conventional-changelog 3.3.0
• faker 5.2.0
• husky 4.3.8
• jest 26.6.0
• less 4.1.0
• less-loader 7.3.0
• react-app-rewired 2.1.8
• ts-jest 26.4.4
• wait-on 5.2.1

---

• Check this box to trigger a request for Renovate to run again on this repository

Service 'front-end' failed to build:

Hi,

I got this error while using docker-compose

roy@server:~/docker/react-antd-todo$ docker-compose up
Creating network "react-antd-todo_react-antd-todo-network" with driver "bridge"
Building front-end
Step 1/8 : FROM node:13.5.0-alpine
13.5.0-alpine: Pulling from library/node
e6b0cf9c0882: Pull complete
ab436df1df6f: Pull complete
470300a8a365: Pull complete
84e7c11579ee: Pull complete
Digest: sha256:a5a7ff4267a810a019c7c3732b3c463a892a61937d84ee952c34af2fb486058d
Status: Downloaded newer image for node:13.5.0-alpine
 ---> e1495e4ac50d
Step 2/8 : LABEL maintainer="Leonardo Pliskieviski <[email protected]>"
 ---> Running in 3a93ff02e74d
Removing intermediate container 3a93ff02e74d
 ---> f80079a3f879
Step 3/8 : RUN mkdir -p /usr/src/app
 ---> Running in 0fe633f34ec6
Removing intermediate container 0fe633f34ec6
 ---> 2b753f1d7be3
Step 4/8 : WORKDIR /usr/src/app
 ---> Running in 5b8c27cc64dd
Removing intermediate container 5b8c27cc64dd
 ---> 481b2830b552
Step 5/8 : COPY package.json yarn.lock ./
ERROR: Service 'front-end' failed to build: COPY failed: stat /var/lib/docker/tmp/docker-builder230408192/yarn.lock: no such file or directory

modifying antd theme variables

Hi, i love this project, i was wondering if there is a way to modify antd them variables using the .scss files.

I tried $primary-color: #fe8019; on global.scss but didn't work

TODO listing does not look good on desktop

I have opened a PR #53 for this issue.

Please take a look @leonardopliski