https://github.com/dzenis-h/hookedtodos

A todo app built for the purpose of practicing built-in React Hooks, creating custom hooks, the Context API, etc.
https://github.com/dzenis-h/hookedtodos

context-api material-ui memoization react react-hooks usecontext usememo usereducer

Last synced: about 1 month ago
JSON representation

A todo app built for the purpose of practicing built-in React Hooks, creating custom hooks, the Context API, etc.

• Host: GitHub
• URL: https://github.com/dzenis-h/hookedtodos
• Owner: dzenis-h
• Created: 2020-02-17T05:33:30.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2025-07-17T23:21:01.000Z (11 months ago)
• Last Synced: 2025-07-28T10:50:11.724Z (11 months ago)
• Topics: context-api, material-ui, memoization, react, react-hooks, usecontext, usememo, usereducer
• Language: JavaScript
• Homepage: https://hooked-todos-n4q5.onrender.com/
• Size: 541 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


![GitHub repo size](https://img.shields.io/github/repo-size/dzenis-h/hookedTodos)

![GitHub contributors](https://img.shields.io/github/contributors/dzenis-h/hookedTodos)

![GitHub stars](https://img.shields.io/github/stars/dzenis-h/hookedTodos?style=social)

![GitHub forks](https://img.shields.io/github/forks/dzenis-h/hookedTodos?style=social)

[![LinkedIn Follow](https://img.shields.io/badge/-Follow-blue?style=social&logo=linkedin&link=https://www.linkedin.com/in/dzenis-h/)](https://www.linkedin.com/in/dzenis-h/)

[![GitHub Follow](https://img.shields.io/badge/-Follow-black?style=social&logo=github&link=https://github.com/dzenis-h)](https://github.com/dzenis-h)








## Hooked Todo's 

## Overview 👀

HookedTodos is a simple todo app built with React Hooks and Context API.

## Tech Stack 🛠️

| Tech | Docs | Description |

| ---- | ---- | ----------- |

|  | [React](https://reactjs.org/docs/getting-started.html) | A JavaScript library for building user interfaces |

|  | [Memoization](https://reactjs.org/docs/hooks-faq.html#how-to-memoize-calculations) | A technique to optimize performance by caching the results of expensive function calls |

|  | [Material-UI](https://material-ui.com/getting-started/installation/) | A popular React UI framework |

|  | [Context API](https://reactjs.org/docs/context.html) | A way to pass data through the component tree without having to pass props down manually at every level |

|  | [React Hooks](https://reactjs.org/docs/hooks-intro.html) | Functions that let you use state and other React features without writing a class component |

|  | [useContext](https://reactjs.org/docs/hooks-reference.html#usecontext) | A hook that lets you consume a context value within a function component |

|  | [useReducer](https://reactjs.org/docs/hooks-reference.html#usereducer) | A hook that lets you manage complex state logic using actions and reducers |

|  | [useMemo](https://reactjs.org/docs/hooks-reference.html#usememo) | A hook that lets you memoize a value that depends on one or more other values |

## Set-up 🛠️

- To start using this example:

  * Clone this repo with `git clone`

  * Install all the dependencies with `npm install`

  * Afterward, just run the following command `npm start`

## Contributing 🙌

Contributions are always welcome! If you would like to contribute to this project, please follow these steps:

1. Fork the repository. 🍴

2. Create a new branch. 🌵

3. Make your changes and test them thoroughly. 👨‍💻

4. Submit a pull request. ✔

## License 📑

This project is licensed under the MIT License. You can find more details in the [LICENSE](https://docs.google.com/document/d/11WK7tVoTFRMcWCuGZQCRWxEsDUEJ_6ArtfV-NjWcBCU/edit?usp=sharing) file.

## Credits 👨🏻‍💻

This repo was created by [Dzenis H.](https://dzenis.tech)

Contributions are more than welcome. 🫡

If you like what you see, please consider giving a ⭐️