📝 Personal Notes App

Aplikasi catatan pribadi berbasis React dengan fitur autentikasi, dark/light mode, dan dukungan dua bahasa (ID/EN).

🌐 Live Demo

https://react-notes-app-teal-eta.vercel.app

✨ Fitur

• Autentikasi — Register dan login akun pengguna
• Catatan Aktif — Tambah, lihat, dan hapus catatan
• Arsip — Arsipkan dan pulihkan catatan
• Pencarian — Cari catatan berdasarkan judul (URL-based)
• Dark/Light Mode — Toggle tema dengan preferensi tersimpan di localStorage
• Bilingual (ID/EN) — Toggle bahasa Indonesia dan Inggris
• Protected Routes — Halaman terlindungi, redirect ke login jika belum autentikasi

🛠️ Teknologi

• React 18
• React Router v6
• Context API (Theme & Locale)
• Custom Hooks
• Vite
• REST API (Dicoding Notes API)

🚀 Cara Menjalankan

1. Clone repositori ini

   git clone https://github.com/nazwaauliap/react-notes-app.git
   cd react-notes-app

2. Install dependensi

   npm install

3. Jalankan aplikasi

   npm run dev

4. Buka di browser: http://localhost:5173

📦 Build untuk Produksi

npm run build

📁 Struktur Proyek

src/
├── components/     # Komponen UI yang dapat digunakan ulang
├── contexts/       # Context API (Theme, Locale)
├── hooks/          # Custom hooks (useInput)
├── pages/          # Halaman aplikasi
├── styles/         # File CSS
└── utils/          # Utilitas dan fungsi network

🎓 Tentang Proyek

Proyek ini dibuat sebagai submission kelas Belajar Fundamental Aplikasi Web dengan React di Dicoding.