Kaiwa

Kaiwa is a real-time chat application, built in browser using ReactJS, GraphQL, Shards-UI, and Bootstrap.
This app gave me insights how actually GraphQL can be utilized.

Although before creating this app I got ideas on what Query and Mutation in GraphQL are, I wondered what subscription in GraphQL is and in which feature it is commonly used.

Subscription in GraphQL enables two users to be able to chat using Kaiwa. I got how subscription works in GraphQL when building this app.

Technologies:

• [+] ReactJS
• [+] GraphQL
• [+] Shards-UI
• [+] Bootstrap

Teman Hemat

Ever felt anxious of your expenses? Do not worry, Teman Hemat is here for you!
Teman Hemat is an expense tracker website that helps you monitoring income and expenses. Teman Hemat means a money-saving buddy in Indonesian.

Teman Hemat stores the transaction history og incomes and expenses in local storage. As a result, eventhough you refresh the page, the transaction history will not be reset.

Technologies:

• [+] HTML
• [+] CSS
• [+] Javascript

Pokedex

PokeDex is a pokemon website that presents various pokemons with their names and types.
The data that are presented here is fetched through PokemonAPI.

Technologies:

• [+] HTML
• [+] CSS
• [+] Javascript
• [+] PokemonAPI

World Weather App

Curious about current weather in the world wide? This app can show weather information for you!
The background also changes depends on the temperature of the place :

This app uses OpenWeather API. You just need to input the name of the city, then it will show these information of the country :

• -> City
• -> Country (code)
• -> Day dan Date
• -> Temperature
• -> Condition

Technologies:

• [+] ReactJS
• [+] CSS
• [+] OpenWeather API

Image Filter

Do you want to apply some effects on your images? This website might be what you are looking for:)

A website that allows you to apply several filters and effects to an image.

Technologies:

• [+] Javascript
• [+] HTML
• [+] CSS

Codepen Clone

Code HTML/CSS/Javascript without a local text editor!

Technologies:

• [+] ReactJS
• [+] Code Mirror
• [+] CSS

Cryptopedia

Are you interested in Cryptocurrency? Well, it is one of the most well-known investments.

Cryptopedia provides you the latest various Cryptocurrencies' rates that assists you in order to be able to invest in right time.

Technologies:

• [+] ReactJS
• [+] Coingecko API
• [+] Axios
• [+] CSS

Covid19 Live Stats

A website that tracks latest Covid-19 statistics in the world.
It shows latest total cases, number of death, number of recovered people, and other statistics related to Covid-19.

Other than light mode, it can switch to dark mode by clicking the toggle button.

Technologies:

• [+] ReactJS
• [+] CSS
• [+] Covid19 API

Github Jobs Website

Are you a job hunter? Looking for a new position in IT fields? Then this website is for you!

Github Jobs Website contains a lot of openings which you might be interested in. The occupation varies so you can land your dream job!

Technologies:

• [+] ReactJS
• [+] Bootstrap
• [+] Github Jobs API

Currency Converter

Wants to know the latest rate? Currency Converter could help you rapidly!

Indonesian Rupiah to United States Dollar? Great Britain Pounds to Japan Yen? No Problem :)

Technologies:

• [+] ReactJS
• [+] Foreign Exchange Rates API
• [+] CSS

Meme Generator

Wanna create a funny meme on your own? Meme Generator is ready to assist you !

First, pick up a template you like and insert the text you want to put inside the meme...

Technologies:

• [+] ReactJS
• [+] ImageFlip Meme Generator API
• [+] CSS

Quiz App

Feeling bored just scrolling down the instagram feeds and opening social media apps recursively?
Quiz App will prompt you random questions that you might have not seen yet, give it a try!

Technologies:

• [+] ReactJS
• [+] Open Trivia DB API
• [+] CSS

Auth Spark

Auth Spark is a website that allows you to generate a strong password based on a user's choice.
One can choose specifiaction of the generated password. The password can have :

• -> Uppercase Letters
• -> Lowercase Letter
• -> Numbers
• -> Symbols

To avoid a brute-force attack, one can generate the password length. Hence it takes very long time to be able to crack the generated password.

Technologies:

• [+] HTML
• [+] CSS
• [+] Javascript
• [+] Bootstrap