TODO Application

A full-stack, offline-capable TODO application with a premium aesthetic, built with Hono (Backend) and Next.js (Frontend).

Features

• Offline Support: Create, update, and delete tasks while offline. Data is persisted locally using IndexedDB.
• Background Sync: Changes made offline are automatically synchronized with the backend when the network is restored.
• Premium UI: Modern, responsive design with glassmorphism effects and real-time network status indicators.
• PWA Ready: Installable as a Progressive Web App for a native-like experience.

Project Structure

todo/
├── backend/    # Hono + MongoDB API
└── frontend/   # Next.js + PWA Frontend

Getting Started

Prerequisites

• Bun (Recommended) or Node.js
• MongoDB (Running instance)

Installation & Setup

1. Clone the repository:

   git clone <repository-url>
   cd todo

2. Backend Setup:

   cd backend
   bun install
   # Create a .env file with appropriate variables (MONGO_URI, JWT_SECRET, etc.)
   bun run dev

3. Frontend Setup:

   cd ../frontend
   bun install
   # Create a .env file with NEXT_PUBLIC_API_URL
   bun run dev

Running the App

• Frontend: http://localhost:3001 (check package.json for default port)
• Backend: http://localhost:3000

Build for Production

# Frontend
cd frontend
bun run build
bun run start