Skip to content

ma7moud3bas/aws-todo-app

 
 

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.

About

A basic Todo app developed in React.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 95.8%
  • HTML 3.6%
  • CSS 0.6%