Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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 2 months 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 (8 months ago)
Default Branch: main
Last Pushed: 2024-06-23T11:48:40.000Z (8 months ago)
Last Synced: 2024-11-10T00:29:58.061Z (3 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.