A single page anime list app made with JQuery, Tailwind CSS and Jikan API. This web app also has an infinite scrolling feature to load more anime data seamlessly. The project was made to complete "Belajar Fundamental Front-Web Development" certification by Dicoding. This was a fun project to code because Im using something that is not in my tech stack which is JQuery. To be honest I've always avoided JQuery because it's old (it's a 16 year old library by now), but it turned out to be a very nice experience and I just found the library to be very intuitive to use.

Web app single page bertemakan listing anime yang dibuat dengan JQuery, Tailwind CSS, dan Jikan API. Web app ini juga memiliki fitur infinite scrolling untuk memuat lebih banyak data anime dengan mulus. Projek ini dibuat untuk menyelesaikan course "Belajar Fundamental Front-Web Development" milik Dicoding. Proses pembuatannya bagi saya sangat menyenangkan karena saya memakai library yang tidak ada di tech-stack yang biasa saya pakai yaitu JQuery. Sejujurnya saya selalu menghindari JQuery karena library ini tua (udah mau 16 tahun sekarang), tetapi ternyata menjadi pengalaman koding yang sangat menyenangkan dan developer experiencenya menurut saya enak, jika dibandingkan dengan Vanilla JS.

Your Anime List

A single page anime list app made using JQuery.

Aplikasi single page bertemakan listing anime yang dibuat dengan JQuery, tailwind css, dan Jikan API.

A chat web app built using React and Node.js. Websocket technology was used in this project via the socket.io library, enabling fast instant two way communication from client to the server. Konnect includes two main features which are private chat and group chat, other notable features are saving contacts, message sent or read status, and finally message or contact request notification. All of which will happen in a real time manner.

Aplikasi web chatting yang dibuat menggunakan React dan Node.js. Teknologi Websocket digunakan dalam pengembangannya melalui library socket.io, unutk memungkinkan komunikasi dua arah yang cepat dan instan dari client ke server. Konnect memiliki dua fitur utama yaitu private chat dan group chat, beberap fitur keren lainnya adalah menyimpan kontak, status pesan dikirim atau dibaca, dan notifikasi pesan atau contact request. Semua fitur akan berjalan secara real time.

Konnect

A chat web app with a real time communication feature.

Aplikasi web chatting dengan fitur real time communication.

The purpose of this site is to assist individuals who are not familiar with cooking by providing them with an easy way to search for recipes. With this app, users can simply search for a recipe and the app will provide them with the necessary information to prepare it. Users can also save a certain recipe for later use as well. This project used React and TheMealDB as the source of data with Node.js and MongoDB as the backend stack. 

Tujuan dari situs ini adalah untuk membantu orang-orang yang tidak terbiasa memasak dengan menyediakan cara mudah untuk mencari resep. Dengan aplikasi ini, pengguna cukup mencari resep dan aplikasi akan memberi mereka informasi yang diperlukan untuk menyiapkannya. Pengguna juga dapat menyimpan resep tertentu untuk digunakan nanti. Proyek ini menggunakan React dan TheMealDB sebagai sumber data dengan Node.js dan MongoDB sebagai stack backendnya.

Casera

A recipe finder web app that I built for learning React.

Aplikasi web pencari resep yang saya buat untuk mempelajari React.

A quiz game web app built using Node.js as the backend. This site was the first of my projects that had a backend. This project was also built right after my simple dashboard project and so Triquest was my continuation of learning to use an external API which is OpenTDB for getting the quizzes, this time with my own backend to store user informations.

Aplikasi web game quiz yang dibuat menggunakan Node.js sebagai backend. Project ini adalah project pertama saya yang memiliki backend. Project ini juga dibuat tepat setelah project dashboard sederhana saya dan Triquest adalah kelanjutan dari pembelajaran saya menggunakan API eksternal yaitu OpenTDB untuk mendapatkan data kuis, kali ini dengan backend saya sendiri untuk menyimpan informasi pengguna.

Triquest

A quiz game web app with brutalist design.

Aplikasi web game kuis dengan desain visual brutalist.

VallenDra

Top Projects

Your Anime List

Konnect

Casera

Triquest

Wanna Work Together ?

Profile

Technologies

Top Projects

Your Anime List

Konnect

Casera

Triquest

Wanna Work Together ?