Todo Frontend

Statistics

Repository

Primary

Secondary

Tooling

TypeScript + Vite + React + Material UI Frontend for managing Todo items.

It's designed to be paired with , but can work without it thanks to localStorage

Full deployment/development with the Backend can be achieved by using the Todo Fullstack repository.

Features

Not only can you perform all the expected actions you can with Todo items - adding, removing, updating, marking as complete/incomplete - but you can also have different todo lists, seperated by their list code.

The initial Todo list is only stored in localStorage, while all other are replicated on the backend.

When the backend server is available, multiple clients can interact with the same Todo list in realtime via WebSockets

Environment Variables

Variable	Default Value	Description
VITE_SERVER_HOST		Host of backend server to connect to
VITE_HASH_ROUTING	false	Teather to use Hash or Browser routing

Structure

Click for interactive version

Local Files