📓 Notebook

Write it down. Make it happen.

Notebook is a simple and convenient note-taking app. Quickly and easily write down your thoughts, tasks, and ideas.

---

✨ Features

• 📝 Add Notes — Create a new note with a title, content, and tag
• 🏷️ Tags — Categorize each note into one of 4 categories:
  • 💼 Work — Professional tasks and responsibilities
  • 👤 Personal — Personal notes
  • 💡 Ideas — Ideas and plans
  • 🔔 Reminders — Reminders and alerts
• 🔍 Search — Quickly search notes by title or content
• 🗂️ Filter — Sort notes by tag
• 🗑️ Delete — Delete unwanted notes with confirmation
• 💾 Storage — All data is saved in localStorage (persists after page refresh)
• 📱 Responsive Design — Adapts to mobile, tablet, and desktop screens

---

🚀 Getting Started

No installation required. Just copy this link and open in browser:

https://notebook.vercel.app   →   open in browser

File Structure

notebook/
├── index.html   # Main page
├── style.css    # Styles and design
├── script.js    # Logic and functionality
└── logo.png     # App icon

---

🛠️ Technologies Used

Technology	Purpose
HTML5	Page structure
CSS3	Animations and design
Vanilla JavaScript	Functionality
LocalStorage API	Data storage
Font Awesome 6	Icons
Google Fonts (Montserrat)	Typography

---

📖 How to Use

Add a new note

1. Click the "Add" button in the top right
2. Enter a title and content
3. Select a tag: Work, Personal, Ideas, or Reminder
4. Click "Save Note"

Delete a note

1. Click the 🗑️ icon on the note card
2. Click "Delete" in the confirmation dialog

Search & Filter

• Type a keyword in the search box — results update automatically
• Select a tag from the dropdown to filter by category

---

📌 Note

All notes are stored only in your browser. Transferring to another device or backup is not currently available.

---

🇺🇿 O'zbekcha

## 📓 Notebook

Write it down. Make it happen.

Notebook — bu oddiy va qulay eslatmalar ilovasi. Tez va oson tarzda fikrlaringizni, vazifalaringizni va g'oyalaringizni yozib boring.

---

✨ Imkoniyatlar

• 📝 Eslatma qo'shish — Sarlavha, matn va tegni belgilab, yangi eslatma yarating
• 🏷️ Teglar — Har bir eslatmani 4 ta kategoriyadan biriga ajrating:
  • 💼 Work — Ish va kasbiy vazifalar
  • 👤 Personal — Shaxsiy eslatmalar
  • 💡 Ideas — G'oyalar va rejalar
  • 🔔 Reminders — Eslatmalar va ogohlantirishlar
• 🔍 Qidirish — Sarlavha yoki matn bo'yicha eslatmalarni tezkor qidirish
• 🗂️ Filtrlash — Teg bo'yicha eslatmalarni saralash
• 🗑️ O'chirish — Kerak bo'lmagan eslatmalarni tasdiqlash bilan o'chirish
• 💾 Saqlash — Barcha ma'lumotlar localStorage orqali brauzerda saqlanadi (sahifani yangilasangiz ham yo'qolmaydi)
• 📱 Moslashuvchan dizayn — Mobil, planshet va kompyuter ekranlariga moslashadi

---

🚀 Ishga tushirish

Hech qanday o'rnatish talab etilmaydi. Linkni nusxalang va brauzerda oching:

https://notebook.vercel.app   →   brauzerda oching

Fayl tuzilmasi

notebook/
├── index.html   # Asosiy sahifa
├── style.css    # Dizayn va uslublar
├── script.js    # Mantiq va funksionallik
└── logo.png     # Ilova belgisi

---

🛠️ Ishlatilgan texnologiyalar

Texnologiya	Maqsad
HTML5	Sahifa tuzilmasi
CSS3	Animatsiyalar va dizayn
Vanilla JavaScript	Funksionallik
LocalStorage API	Ma'lumotlarni saqlash
Font Awesome 6	Ikonkalar
Google Fonts (Montserrat)	Shrift

---

📖 Qo'llanma

Yangi eslatma qo'shish

1. Yuqori o'ng burchakdagi "Add" tugmasini bosing
2. Sarlavha va matn kiriting
3. Tegni tanlang: Work, Personal, Ideas yoki Reminder
4. "Save Note" tugmasini bosing

Eslatmani o'chirish

1. Eslatma kartasidagi 🗑️ belgisini bosing
2. Tasdiqlash oynasida "Delete" tugmasini bosing

Qidirish va filtrlash

• Qidiruv maydoniga kalit so'z kiriting — natijalar avtomatik yangilanadi
• Teg bo'yicha filtrlash uchun ro'yxatdan tanlang

---

📌 Eslatma

Barcha eslatmalar faqat brauzeringizda saqlanadi. Boshqa qurilmaga o'tkazish yoki zaxiralash imkoniyati hozircha mavjud emas.