TODO app

Simple TODO PWA (Progressive Web App) using Typescript and React on Vite

Try the Demo

• Demo hosted on Netlify: https://todo-app-mantine.netlify.app/

Features

• PWA (Installable)
• Offline mode
• Light/Dark themes
• Desktop and mobile friendly
• Background customization
• Tasks saved locally
• Edit tasks
• Bulk delete

Built with

• ReactJS, Typescript, Mantine, Vite
• React Hooks: useState, useEffect, usePersistentState (custom), useDebounce
• Libraries: react-icons, mantine, nanoid, vite-plugin-pwa

Instructions

First clone this repository.

$ git clone https://github.com/ademondev/todo-app-react-mantine

Install dependencies. Make sure you already have nodejs & npm installed in your system.

$ npm install # or yarn

Run it

$ npm run dev # or yarn run dev

To make a build, simply run

$ npm run build # or yarn run build