https://github.com/real-devance/task-thing-react
A simple task management app built with React. Sync tasks across devices, stay organized, and manage your to-do's effortlessly.
https://github.com/real-devance/task-thing-react
dexie dexie-cloud dexiejs html react reactjs reactrouter router tailwindcss typescript
Last synced: 8 months ago
JSON representation
A simple task management app built with React. Sync tasks across devices, stay organized, and manage your to-do's effortlessly.
- Host: GitHub
- URL: https://github.com/real-devance/task-thing-react
- Owner: real-devance
- Created: 2024-11-20T06:56:24.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-11-23T15:24:15.000Z (12 months ago)
- Last Synced: 2025-02-02T10:15:05.405Z (10 months ago)
- Topics: dexie, dexie-cloud, dexiejs, html, react, reactjs, reactrouter, router, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://taskthing.netlify.app/
- Size: 99.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TaskThing📝
A simple task management app built with React. Sync tasks across devices, stay organized, and manage your to-do's effortlessly.
**[Live Demo](https://taskthing.netlify.app/)**
## Features
- **Manage Tasks** 📝: Easily organize and track your to-dos.
- **Sync Across Devices** 🔄: Keep your tasks updated on all devices.
- **Simple & Clean UI** 🎨: A user-friendly design for smooth navigation.
## 🛠️ Implementation Details
- **Local Storage**: Tasks are saved in the browser so they stay even if the app is closed.
- **Sync**: Tasks sync with the cloud when online to keep everything up-to-date across devices.
- **Task Management**: Functions to add, edit, and delete tasks are used to manage the list.
## 🚀 Get It Running
```bash
# clone
git clone https://github.com/real-devance/task-thing-react.git
# navigate to the project directory
cd task-thing-react
# Install dependencies
npm install
# run
npm run dev
```
## 🧰 Tech Stack
- ⚛️ React
- ⚙️ Redux Toolkit
- 🛣️ React Router
- 🟦 TypeScript
- 🗄️ Dexie.js
- ☁️ Dexie Cloud
- 🪝 Custom Hooks
- 🎨Tailwind CSS
- ⚡ Vite