Projects

Word Association Game

This is a simple word association game. In this game there are 5 cards. Each card has four words, and two options. The task is simple: pick the word that is the most similar! One of the words is an antonym of the other, so once you know the meanings the difference should be stark. Pick the option by pressing one of the green buttons. A correct option increments the score, and an incorrect option decrements the score. Note that you can pick both options for one card (so even if you get it wrong, just press the other one to return your lost score).

Check my blog post here to find out more about how I made this app

Read More

Tic Cat Mouse

Yaay! Summer vacation is just around the corner! Before that I have to participate at the EAY celebration at Cendekia Harapan Bali. This celebration is held by my school every end of academic year. Students are required to do a performance or make and explain a product. For this year I have chosen the latter, and this web game is a product that I have made. This game is a modified version of the Tic Tac Toe game with a different theme, which I name Tic Cat Mouse. Same as the Tic Tac Toe game, this is a two-player game. This project is made using HTML, CSS and JS

Read More

Snake Game

The previous project, the Tic Cat Mouse, is just one of my two projects for the EAY celebration. I also made this game, a snake game built using HTML, CSS and JS. The game screen (the part with the black background) is an HTML5 canvas that is controlled using the corresponding JS functions

Read More

QR Code Generator

This project is a QR code generator. To use this, write the text in the text field and then click on the button. The QR code will appear below. To make this, I used a QR code API that returns QR code images as the output. I then set the source tag of an image tag to show the actual QR code. Notice that an alert will then appear, saying that the QR code has been generated. However, due to styling problems currently it does not support screens that are too small. In this case there is a JavaScript safeguard which prevents the user from reaching a problematic user experience and instead replaces the UI with a simple message stating the problem.

Read More

Password Generator

This project is a random password generator that allows users to pick whether to include uppercase letters, symbols, and numbers (lowercase letters are always included).

I have used the CSS and HTML code from this page, but I have made the JavaScript code myself. These three languages are the only ones used for the project.

Read More

Moodisine

I made this on September 2021 for my passion project at Noble Academy Jakarta. This website is a random food picker based on emotions picked by the user. It uses HTML, CSS, and JS to deliver this experience

Read More

Minesweeper Game

This game is a simple version of minesweeper with a modern theme. I made this project inspired by this YouTube video from Web Dev Simplified. Afterwards, I made my own code based on the explanation in the video, but I used the starter template provided in the video description. I have attached my code as a zip archive that you can download from the download link on the bottom of the game.

Read More

Hepivasi

This project is made on April 2021 for Sonic Linguistic Programming Competition 2021 by MAN Insan Cendekia Serpong. The theme of the final round is making problem-solving programs using the Python programming languange. I got 2nd place in this competition.

Created using a web builder, if statements, and string concatenation to make 1125 different possible options.

Read More

Guess The Food Game

This game is a food guessing game. The foods are Indonesian food.

I have made some of the styles using the Bootstrap library, and used a CSS background website for the background of the page. Of course, I used HTML for the main page

I used JavaScript for changing the site's content as the user interacts with it.

Once the user presses the start button, the JavaScript code then selects a random word form a list of available words.

Then, the code scrambles the word, and displays it to the user.

If the answer was incorrect, the user is asked to try again, if it is correct, a message will appear, stating it is correct. From there, the user can go back to the game and try another word.

Read More