https://github.com/kennjr/redux-todo

Stay on top of things with redux todo, keep track of all your tasks and their status. CAUTION: Integrate a backend for a better user experience
https://github.com/kennjr/redux-todo

react react-redux react-redux-toolkit react-router reactredux reduxtoolkit tailwindcss

Last synced: about 1 month ago
JSON representation

Stay on top of things with redux todo, keep track of all your tasks and their status. CAUTION: Integrate a backend for a better user experience

• Host: GitHub
• URL: https://github.com/kennjr/redux-todo
• Owner: kennjr
• License: mit
• Created: 2024-06-23T10:38:09.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-23T11:48:40.000Z (almost 2 years ago)
• Last Synced: 2025-10-26T08:44:24.521Z (7 months ago)
• Topics: react, react-redux, react-redux-toolkit, react-router, reactredux, reduxtoolkit, tailwindcss
• Language: TypeScript
• Homepage:
• Size: 676 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Redux todo

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white) ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) ![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white) ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

---

Don't forget a single task, and keep track of all of them. Stay on top of things with Redux todo. 

Redux todo was a simple app built to experiment with the redux toolkit, as you can tell it was a success. The app lacks a backend and tasks will be lost onRefresh,

you're welcome to fork the project and integrate a backend of your choice.

---

### Look and feel

Here are some screenshots of the application.

|                                Mobile screenshot 1                              |                                       Mobile screenshot 2                                  |  Mobile screenshot 3 |

|:-------------------------------------------------------------------------------------:|:---------------------------------------------------------------------------------------------:|:----------------------------:|

| ![screenshot one](https://github.com/kennjr/redux-todo/blob/main/public/screenshots/mobile_screenshot_1.png?raw=true) | ![screenshot two](https://github.com/kennjr/redux-todo/blob/main/public/screenshots/mobile_screenshot_2.png?raw=true) | ![screenshot three](https://github.com/kennjr/redux-todo/blob/main/public/screenshots/mobile_screenshot_3.png?raw=true)|

|                                Desktop screenshot 1                        |                                       Desktop screenshot 2                                    |  Desktop screenshot 3 |

|:-------------------------------------------------------------------------------------:|:-----------------------------------------------------------------------------------------------------------:|:-------------------------------:|

| ![screenshot one](https://github.com/kennjr/redux-todo/blob/main/public/screenshots/desktop_screenshot_1.png?raw=true) | ![screenshot two](https://github.com/kennjr/redux-todo/blob/main/public/screenshots/desktop_screenshot_2.png?raw=true) | ![screenshot three](https://github.com/kennjr/redux-todo/blob/main/public/screenshots/desktop_screenshot_3.png?raw=true)|

## Tech stack

Redux was the whole point of the project, so I had to use it. Here's a list of what I used:

    - React

      : the base of the app

    - Redux

      : for managing state.

    - Tailwind

      : for the project's styling

  

## Features

This is a pretty simple app, but here's what you can do with it:

    - List all your tasks.

      : You can easily put together a list of all your tasks for the day and stay informed on what's vital.

    - Update task status

      : Tasks are meant to be completed, so you can update the status of each task in your list.

  

  

## Support

> [!IMPORTANT]

> This was an educational project, meant to experiment with something new.

For any support report an issue on this repository, I'll work on it and update the codebase as soon as I can.

Better yet, you could fork the project and try fixing it, if it's something you think you can mend.  

  

## License

This software is publicly available under the [MIT](LICENSE) license

## Further help

To get more help check out the [React](https://react.dev) page and the [React-redux](https://react-redux.js.org/) page.