Skip to content

max-programming/max-todos

Repository files navigation

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.