- Notifications
You must be signed in to change notification settings - Fork119
📝 React.js todo app with many features, including sharing tasks via link, theme customization and offline usage as a PWA.
License
maciekt07/TodoApp
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
React
Typescript
Vite
Vitest
Emotion
Material UI (MUI)
Easily share your tasks with others using a link or QR code, with the option to download the QR code.
This useswindow.ai which is an experimental feature that works only in dev version of Chrome with some flags enabled.More info
Code:src/components/EmojiPicker.tsx
Users can choose several app color themes and choose between light and dark mode.
Option to have tasks read aloud using the nativeSpeechSynthesis API, with a selection of voices to choose from.
Users can import and export tasks to/from JSON files. This feature allows users to back up their tasks or transfer them to other devices easily.Example Import File
This app is a Progressive Web App (PWA), which means it can be installed on your device, used even when you're offline and behave like a normal application with shortcuts and badges.
The app features a custom update prompt that notifies users when a new version is available, allowing for easy refresh to access the latest improvements.
To install and run the project locally, follow these steps:
- Clone the repository:
git clone https://github.com/maciekt07/TodoApp.git - Navigate to the project directory:
cd TodoApp - Install the dependencies:
npm install - Start the development server:
npm run dev
The app will now be running athttp://localhost:5173/.
Tip
For mobile device testing, usenpm run dev:host to preview the app on your local network.
