Azroi Tech

Membuat Aplikasi Bookmark Website dengan React: Panduan Lengkap Bookmark manager adalah alat penting untuk mengorganisir situs favorit. Di tutorial ini, kita akan membangun aplikasi bookmark website dengan React yang memiliki: ✅ Fitur CRUD lengkap (Create, Read, Update, Delete) ✅ Penyimpanan lokal menggunakan browser localStorage ✅ Tampilan responsive ✅ Pencarian & filter bookmark ✅ UI modern dengan animasi Yang akan Anda pelajari:...

azroi.id

React Project: Membangun Sistem Catatan Keuangan Pribadi Mengelola keuangan pribadi adalah kebiasaan penting untuk mencapai stabilitas finansial. Dengan React JS, kita bisa membangun aplikasi sederhana yang membantu mencatat pemasukan dan pengeluaran secara real-time. Pada artikel ini, kita akan membuat Sistem Catatan Keuangan Pribadi menggunakan: ✅ React JS (Functional Components & Hooks) ✅ Local Storage (Menyimpan data tanpa backend) ✅ CSS Modules (Styling yang terorganisir)...

React Project: Membangun Sistem Catatan Keuangan - Azroi Tech React Project: Membangun Sistem Catatan Keuangan Pribadi Mengelola keuangan pribadi adalah kebiasaan penting untuk mencapai stabilitas finansial. Dengan React JS, kita bisa membangun aplikasi sederhana yang membantu mencatat pemasukan dan…

Project HTML CSS Javascript: Food Ordering Simple Di era digital, aplikasi pemesanan makanan online semakin populer. Dalam tutorial ini, kita akan membuat project sederhana Food Ordering System menggunakan HTML, CSS, dan JavaScript. Project ini cocok untuk pemula yang ingin belajar front-end development dengan contoh nyata. Kita akan membangun tampilan menu makanan, keranjang belanja, dan fitur checkout secara interaktif. Fitur yang Akan Dibangun:...

Project HTML CSS Javascript: Food Ordering - Azroi Tech Project HTML CSS Javascript: Food Ordering Simple Di era digital, aplikasi pemesanan makanan online semakin populer. Dalam tutorial ini, kita akan membuat project sederhana Food Ordering System menggunakan HTML, CSS, dan JavaScript. Project ini cocok…

Project HTML CSS JavaScript: Product Filter dan Search (Lengkap dengan Code & Gambar Online) Membuat sistem filter dan pencarian produk adalah komponen penting untuk e-commerce atau website katalog produk. Dalam panduan ini, kita akan membangun: ✅ Tampilan produk dengan gambar online ✅ Fitur pencarian real-time ✅ Filter berdasarkan kategori & harga ✅ Tampilan responsive ✅ Animasi interaktif Kita akan menggunakan API dummy untuk gambar produk agar tidak perlu mendownload gambar secara manual....

Project HTML CSS JavaScript: Product Filter dan Search - Azroi Tech Project HTML CSS JavaScript: Product Filter dan Search (Lengkap dengan Code & Gambar Online) Membuat sistem filter dan pencarian produk adalah komponen penting untuk e-commerce atau website katalog produk. Dalam panduan ini,…

Project HTML CSS JavaScript: Notepad Online (Lengkap dengan Code & Penjelasan) Pendahuluan Membuat Notepad Online menggunakan HTML, CSS, dan JavaScript adalah proyek sempurna untuk pemula yang ingin belajar pengembangan web. Aplikasi ini akan memiliki fitur: ✅ Editor teks real-time ✅ Penyimpanan otomatis di localStorage ✅ Mode gelap/terang ✅ Download & upload file teks ✅ Tampilan responsif Dalam panduan ini, kita akan membangun aplikasi lengkap dari awal hingga akhir....

azroi.id

Project C++: Aplikasi Pendataan Pasien Klinik dengan File Handling

Project C++: Aplikasi Pendataan Pasien Klinik dengan File Handling - Azroi Tech Posted inHTML & CSS Project C++: Aplikasi Pendataan Pasien Klinik dengan File Handling Posted by By Berta Setiyono April 20, 2025No Comments Related Berta Setiyono View All Posts Post navigation Previous Post Studi Kasus Cleanup Dataset Layanan Pelanggan yang Berantakan dengan Dplyr (Siuba)

Project C++: Membuat Sistem Inventaris Restoran Sederhana (Lengkap Langkahnya!) Sistem inventaris adalah komponen penting dalam manajemen restoran. Dalam tutorial ini, kita akan membuat aplikasi inventaris berbasis C++ dengan fitur: ✅ Tambah, Lihat, Edit, Hapus (CRUD) data menu ✅ Pencarian berdasarkan nama/kategori ✅ Penyimpanan data dalam file teks ✅ Antarmuka konsol yang user-friendly Tools yang Dibutuhkan: Code::Blocks (IDE) Compiler GCC/G++ Langkah 1: Instalasi Code::Blocks…...

Project C++: Sistem Inventaris Restoran - Azroi Tech Project C++: Membuat Sistem Inventaris Restoran Sederhana (Lengkap Langkahnya!) Sistem inventaris adalah komponen penting dalam manajemen restoran. Dalam tutorial ini, kita akan membuat aplikasi inventaris berbasis C++ dengan fitur: ✅ Tambah, Lihat, Edit,…

Project: Membuat Responsive Card Slider dengan HTML, CSS & JavaScript (SwiperJS) Apa Itu SwiperJS? SwiperJS adalah library JavaScript untuk membuat slider/carousel yang: ✅ Responsif di semua perangkat ✅ Support touch gesture (geser di mobile) ✅ Punya fitur autoplay, loop, pagination ✅ Ringan dan mudah dikustomisasi Langkah 1: Struktur Project Buat folder dengan file berikut: 📂 card-slider/ ├── 📄 index.html ├── 📄 style.css └── 📄 script.js…...

Project HTML CSS JavaScript Responsive Card Slider dengan SwiperJS - Azroi Tech Project: Membuat Responsive Card Slider dengan HTML, CSS & JavaScript (SwiperJS) Apa Itu SwiperJS? SwiperJS adalah library JavaScript untuk membuat slider/carousel yang: ✅ Responsif di semua perangkat ✅ Support touch gesture (geser di mobile)…

Project HTML CSS JavaScript: Speed Test Internet Membuat speed test internet menggunakan HTML, CSS, dan JavaScript adalah proyek menarik yang menggabungkan konsep frontend dengan pengukuran performa jaringan. Dalam panduan ini, kita akan membuat alat pengukur kecepatan internet dengan: ✅ Tampilan modern dan responsif ✅ Pengukuran kecepatan download/upload ✅ Animasi visual saat pengukuran ✅ Histori hasil test ✅ Kompatibilitas multi-browser Struktur Proyek…...

Project HTML CSS JavaScript Speed Test Internet - Azroi Tech Project HTML CSS JavaScript: Speed Test Internet Membuat speed test internet menggunakan HTML, CSS, dan JavaScript adalah proyek menarik yang menggabungkan konsep frontend dengan pengukuran performa jaringan. Dalam panduan ini, kita akan…

Project C++: Aplikasi Manajemen Nilai Mahasiswa dengan CRUD + Perhitungan Rata-rata Membuat aplikasi Manajemen Nilai Mahasiswa menggunakan C++ adalah proyek yang sangat berguna untuk melatih pemahaman tentang: ✅ Struktur data ✅ Operasi CRUD (Create, Read, Update, Delete) ✅ Perhitungan nilai rata-rata ✅ Penyimpanan data dalam file Dalam panduan ini, kita akan membuat program lengkap menggunakan IDE CodeBlocks yang mencakup: Input data mahasiswa…...

Project C++ Aplikasi Manajemen Nilai Mahasiswa - Azroi Tech Project C++: Aplikasi Manajemen Nilai Mahasiswa dengan CRUD + Perhitungan Rata-rata Membuat aplikasi Manajemen Nilai Mahasiswa menggunakan C++ adalah proyek yang sangat berguna untuk melatih pemahaman tentang: ✅ Struktur data ✅ Operasi CRUD (Create,…

Project HTML CSS & JavaScript: Website Marketplace Sederhana Membuat website marketplace sederhana menggunakan HTML, CSS, dan JavaScript adalah proyek yang bagus untuk mempelajari pengembangan web front-end. Dalam panduan ini, kita akan membuat sebuah mini marketplace dengan fitur: ✅ Daftar produk dengan gambar ✅ Keranjang belanja sederhana ✅ Animasi hover dan transisi ✅ Tampilan responsif (mobile-friendly) ✅ Filter produk berdasarkan kategori…...

azroi.id

Project HTML CSS JavaScript: Trivia Quiz Sederhana (Pilihan Ganda) Membuat kuis trivia dengan HTML, CSS, dan JavaScript adalah cara yang menyenangkan untuk belajar pemrograman web. Kuis ini akan menampilkan pertanyaan pilihan ganda, menghitung skor, dan memberikan feedback kepada pengguna. Dalam panduan ini, kita akan membangun Trivia Quiz Sederhana dengan fitur: ✅ Pertanyaan pilihan ganda ✅ Penghitungan skor otomatis ✅ Timer untuk setiap pertanyaan…...

https://azroi.id/project-html-css-javascript-trivia-quiz-pilihan-ganda/