Skip to content

A simple Todo app built to explore and understand IndexedDB using Dexie.js. This project serves as a hands-on workshop to learn how to store, retrieve, and manage data locally in the browser. Focuses on offline-friendly features and efficient client-side data handling.

Notifications You must be signed in to change notification settings

Abdelkaderbzz/indexed-db-workshop

Repository files navigation

🗂️ IndexedDB Workshop – Todo App with Dexie.js

A simple Todo App built with React and TypeScript to explore and understand IndexedDB using Dexie.js. This project serves as a practical workshop focused on offline-first development and efficient client-side data storage.


🚀 Features

  • Add, edit, and delete todos
  • Data persistence using IndexedDB
  • Offline-friendly with full local data storage
  • Built using Dexie.js for simplified database operations
  • Clean and responsive UI with React + TypeScript

🛠️ Tech Stack

  • React
  • TypeScript
  • Dexie.js
  • HTML5
  • CSS3 (or styled-components / Tailwind if you used any library)

📚 Learning Goals

  • Learn how to use IndexedDB in modern web apps
  • Use Dexie.js to interact with IndexedDB in an easier way
  • Explore offline-first patterns in frontend development
  • Practice TypeScript with React functional components

📦 Setup Instructions

  1. Clone the repository:
    git clone git@github.com:Abdelkaderbzz/indexed-db-workshop.git

About

A simple Todo app built to explore and understand IndexedDB using Dexie.js. This project serves as a hands-on workshop to learn how to store, retrieve, and manage data locally in the browser. Focuses on offline-friendly features and efficient client-side data handling.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published