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.
- π 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
No installation required. Just copy this link and open in browser:
https://notebook-azizbek.vercel.app β open in browser
notebook/
βββ index.html # Main page
βββ style.css # Styles and design
βββ script.js # Logic and functionality
βββ logo.png # App icon
| Technology | Purpose |
|---|---|
| HTML5 | Page structure |
| CSS3 | Animations and design |
| Vanilla JavaScript | Functionality |
| LocalStorage API | Data storage |
| Font Awesome 6 | Icons |
| Google Fonts (Montserrat) | Typography |
- Click the "Add" button in the top right
- Enter a title and content
- Select a tag: Work, Personal, Ideas, or Reminder
- Click "Save Note"
- Click the ποΈ icon on the note card
- Click "Delete" in the confirmation dialog
- Type a keyword in the search box β results update automatically
- Select a tag from the dropdown to filter by category
All notes are stored only in your browser. Transferring to another device or backup is not currently available.
πΊπΏ O'zbekcha
## π NotebookWrite it down. Make it happen.
Notebook β bu oddiy va qulay eslatmalar ilovasi. Tez va oson tarzda fikrlaringizni, vazifalaringizni va g'oyalaringizni yozib boring.
- π 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
localStorageorqali brauzerda saqlanadi (sahifani yangilasangiz ham yo'qolmaydi) - π± Moslashuvchan dizayn β Mobil, planshet va kompyuter ekranlariga moslashadi
Hech qanday o'rnatish talab etilmaydi. Linkni nusxalang va brauzerda oching:
https://notebook.vercel.app β brauzerda oching
notebook/
βββ index.html # Asosiy sahifa
βββ style.css # Dizayn va uslublar
βββ script.js # Mantiq va funksionallik
βββ logo.png # Ilova belgisi
| 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 |
- Yuqori o'ng burchakdagi "Add" tugmasini bosing
- Sarlavha va matn kiriting
- Tegni tanlang: Work, Personal, Ideas yoki Reminder
- "Save Note" tugmasini bosing
- Eslatma kartasidagi ποΈ belgisini bosing
- Tasdiqlash oynasida "Delete" tugmasini bosing
- Qidiruv maydoniga kalit so'z kiriting β natijalar avtomatik yangilanadi
- Teg bo'yicha filtrlash uchun ro'yxatdan tanlang
Barcha eslatmalar faqat brauzeringizda saqlanadi. Boshqa qurilmaga o'tkazish yoki zaxiralash imkoniyati hozircha mavjud emas.