GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → max-programming → max-todos

max-programming / max-todos

Licence: MIT License
A basic Todo app developed in React.

Programming Languages

typescript
32286 projects
HTML
75241 projects

Labels

reacthooksmaterial-uitodolistdark-modetodo-listreact-todo-appreact-hookstypescript-reactreact-17

Projects that are alternatives of or similar to max-todos

react-daterange-picker
A react date range picker to using @material-ui. Live Demo: https://flippingbitss.github.io/react-daterange-picker/
Stars: ✭ 85 (+347.37%)
Mutual labels:  hooks, material-ui, react-hooks
use-app-state
🌏 useAppState() hook. that global version of setState() built on Context.
Stars: ✭ 65 (+242.11%)
Mutual labels:  hooks, react-hooks
resynced
An experimental hook that lets you have multiple components using multiple synced states using no context provider
Stars: ✭ 19 (+0%)
Mutual labels:  hooks, react-hooks
Tasky
Tasky is a task management app made with SwiftUI.
Stars: ✭ 22 (+15.79%)
Mutual labels:  todolist, todo-list
react-cool-form
😎 📋 React hooks for forms state and validation, less code more performant.
Stars: ✭ 246 (+1194.74%)
Mutual labels:  hooks, react-hooks
Streak-Tasks
Streak Tasks Habit Tracker
Stars: ✭ 27 (+42.11%)
Mutual labels:  todolist, todo-list
jedisdb
redis like key-value state management solution for React
Stars: ✭ 13 (-31.58%)
Mutual labels:  hooks, react-hooks
react-breakpoints
Respond to changes in a DOM element's size. With React Breakpoints, element queries are no longer "web design's unicorn" 🦄
Stars: ✭ 74 (+289.47%)
Mutual labels:  hooks, react-hooks
outspline
Extensible outliner and personal time organizer to manage todo lists, schedule tasks, remind events.
Stars: ✭ 41 (+115.79%)
Mutual labels:  todolist, todo-list
use-detect-print
A react hook to detect when a page is being printed
Stars: ✭ 55 (+189.47%)
Mutual labels:  hooks, react-hooks
nested-task-list-mobx-react
A nested task list prototype built with React + MobX and Material-ui
Stars: ✭ 25 (+31.58%)
Mutual labels:  material-ui, todo-list
flhooks
React like Hooks implementation for Flutter.
Stars: ✭ 38 (+100%)
Mutual labels:  hooks, react-hooks
amplify-material-ui
A Material-UI based implementation of aws amplify
Stars: ✭ 32 (+68.42%)
Mutual labels:  hooks, material-ui
use-window-focus
React Hook to check if window is focused
Stars: ✭ 19 (+0%)
Mutual labels:  hooks, react-hooks
material-ui-color
The lightest colorpicker, palette, colorinput, colorbutton ⚡ No dependencies. It uses React hooks, support Typescript theming and more !
Stars: ✭ 125 (+557.89%)
Mutual labels:  hooks, material-ui
use-query-string
🆙 A React hook that serializes state into the URL query string
Stars: ✭ 50 (+163.16%)
Mutual labels:  hooks, react-hooks
useAudioPlayer
Custom React hook & context for controlling browser audio
Stars: ✭ 176 (+826.32%)
Mutual labels:  hooks, react-hooks
react-without-redux
React State Management without Redux
Stars: ✭ 33 (+73.68%)
Mutual labels:  react-hooks, typescript-react
react-use-comlink
Three ways to use Comlink web workers through React Hooks (and in a typesafe manner).
Stars: ✭ 39 (+105.26%)
Mutual labels:  hooks, react-hooks
ToDoList
A dynamic and aesthetic To-Do List Website built with HTML, CSS, Vanilla JavaScript.
Stars: ✭ 87 (+357.89%)
Mutual labels:  todolist, todo-list
View All Similar Projects ➔

Max Todos 📝

🖊️ Todo App built using React and Material UI

Gitmoji

All Contributors

This is a super simple Todo App built using React.js and styled using Material UI.

It uses TypeScript, Context API to manage state, Material UI for design, Wouter for routing, localStorage to store todos and Dark Mode support with Dark Reader.

You can view it here: https://maxtodos.netlify.app/

😃 You can:

  • ➕ Add todo
  • 🖊️ Edit todo
  • 🗑️ Delete todo
  • ↕️ Reorder the todos by dragging them
  • 🕶️ Enable dark mode

🧠 Features in mind

  • Use Material UI's Dark Mode
  • Set the dark mode as per user's system theme. More at #43
  • Improve the app using Lighthouse suggestions. More at #22

🏗️ To build it

  1. Clone this repo by running git clone https://github.com/max-programming/max-todos.git.
  2. cd into the max-todos folder and run npm i OR yarn.
  3. Run npm start OR yarn start to start the development server.

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Steffan153
💻
Worachat Arunothaikrit
💻
Megh Dedhia
💻
Lucas
💻
Nicholas Chan
💻
Tushar Kashyap
💻
Dharmaraj
💻

Chensokheng
💻

This project follows the all-contributors specification. Contributions of any kind welcome!

❤️ Feel free to create issues and contributions for features or bugs to this project.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].