Todo_react_app

screenshot of Todo_react_app
react
mantine

A simple React Todo List App using Mantine UI.

Overview

The Todo App built with React.js and styled using Mantine UI is a wonderfully simplistic tool for managing your tasks. Its clean and intuitive interface allows users to easily add, delete, and organize their to-dos without any unnecessary complexity. Perfect for anyone looking to boost productivity, this app also incorporates useful features that enhance the user experience.

Features

  • Add todos: Quickly add new tasks with a straightforward input field to keep your to-do list updated.
  • Delete todos: Remove completed or unnecessary tasks with one click for a clutter-free experience.
  • Save to Local Storage: Automatically saves your todos to Local Storage whenever there is a change, ensuring you never lose your progress.
  • Load from Local Storage: Conveniently loads your saved todos whenever you revisit the app, maintaining continuity.
  • Light/Dark mode toggle: Customize your viewing experience with a toggle option to switch between light and dark modes.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

mantine
Mantine UI

A fully featured React components library. 100+ components, 50+ hooks.

github-pages
GitHub Pages

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading