Membuat Portofolio Website

Dulu, waktu pertama kali kepikiran buat website portofolio, saya cuma modal HTML sama CSS saja. Bener-bener dasar banget, masih pake inline CSS, nggak ada responsif-responsifan, dan tampilannya seadanya pokoknya dah yang penting jadi. Tapi ya namanya juga awal belajar, yang penting ada dulu lah.

Lama-lama, saya mulai kepikiran buat nambahin sedikit interaksi. Belajar dikit-dikit JavaScript, nambahin efek hover dan beberapa animasi simpel biar lebih menarik. 

Terus, saya mencari framwork CSS yang bisa mepermudah saya untuk membuat tampilan website yang bagus terutama yang bisa custom semau kita dengan mudah dan cepat.

Akhirnya, saya  nyari framwork CSS untuk saya pelajari dan saya ketemu sama Tailwind CSS✨. Awal awal bingung liat utility class yang banyak,  tapi pas udah biasa, malah jadi keterusan dah sampai sekarang. dengan Tailwind bikin saya bisa styling lebih cepat dan berkat tailwind CSS lah saya paham tentang CSS. 

Nah, setelah nyaman sama CSS-nya, saya mencoba melihat framework JavaScript yang lagi populer yaitu React JS. sebelumnya saya sudah belajar JS dulu ya, ga langsung  belajar React js😁. Awalnya sih ragu, tapi setelah dicoba, ternyata seru. disitu saya mulai belajar konsep component-based, state management, sama props , dll. Dari belajar itu, saya mencoba untuk mengupdate  website portofolio saya yang sebelumnya . pastinya lebih menarik .

Sekarang, portofolio saya  sudah  pake React JS + Tailwind CSS 🎉. sekarang jadi website yang bisa saya banggain.

Masih banyak yang harus saya pelajari kedepanya, Setiap error semuanya jadi bagian dari proses saya. Dan saya yakin, ini baru awal dari perjalanan panjang saya didunia yang saya impikan🤲 bismillah

portofolio website yang sekarang bisa dilihat video dibawah ya😊


Kampusku

Komentar

Posting Komentar

Postingan populer dari blog ini

Website Bookshelf Apps: Aplikasi Rak Buku Digital Pribadi yang Praktis dan Elegan

Gambar
  Membaca buku adalah hobi yang bermanfaat, tetapi mengatur dan mencatat buku yang sudah atau belum dibaca bisa menjadi tantangan tersendiri. Untuk kamu yang ingin lebih tertata dalam mengelola koleksi bacaan, Bookshelf Apps adalah solusi digital yang sederhana, praktis, dan tampil elegan. Tampilan awal aplikasi ini langsung membawa suasana literasi klasik. Background rak buku kayu yang penuh dengan buku-buku tua menciptakan kesan hangat dan berkelas. Di tengah halaman, terlihat jelas tulisan "Bookshelf Apps" sebagai judul utama yang menjadi pusat perhatian. Fitur utama aplikasi ini adalah form input buku baru yang berada di sisi kiri layar. Pengguna bisa memasukkan data seperti judul buku, nama penulis, dan tahun terbit. Ada juga pilihan untuk menandai apakah buku tersebut sudah selesai dibaca. Setelah diisi, kamu cukup klik tombol "Masukkan Buku ke rak" , dan buku akan otomatis ditambahkan ke daftar koleksimu. Di bagian tengah halaman terdapat kolom pencarian d...
Baca selengkapnya

Review Azarine Calm My Acne Sunscreen Moisturiser SPF35 PA+++: Sunscreen Ringan untuk Kulit Berminyak & Berjerawat

Gambar
 Merawat kulit berminyak dan berjerawat memang tidak mudah, apalagi saat memilih sunscreen. Banyak sunscreen terasa berat, lengket, bahkan memicu breakout. Tapi tenang, kini ada solusi yang bisa kamu andalkan— Azarine Calm My Acne Sunscreen Moisturiser SPF35 PA+++ , produk lokal yang diformulasikan khusus untuk kulit berminyak, berjerawat, bahkan sensitif. Produk ini hadir dalam kemasan tube 40gr (atau 40ml), dengan desain hijau lembut yang menenangkan, mencerminkan fungsi utamanya: menenangkan kulit berjerawat sekaligus melindungi dari sinar matahari. Berbeda dari sunscreen pada umumnya, Azarine ini memiliki tekstur gel ringan yang mudah menyerap dan tidak meninggalkan rasa lengket atau white cast di wajah. Sesuai namanya, Azarine Calm My Acne tidak hanya berfungsi sebagai pelindung UV, tapi juga melembapkan dan menenangkan kulit . Kandungan utamanya antara lain: Centella Asiatica : membantu meredakan peradangan dan mempercepat penyembuhan jerawat. Green Tea & Tea Tre...
Baca selengkapnya