Portfolio

https://cdn.sanity.io/images/vkmf5cu4/production/7ed473481e3f2e7db2895323b8da88353ed3b276-1362x668.png

Klassewerkplek

Klassewerkplek is an organization that annually identifies and highlights the most exceptional workplaces in the education sector across the Netherlands and Flanders. Their research delves into the key factors contributing to high job satisfaction in these institutions. In addition to recognizing outstanding schools, Klassewerkplek focuses on the scientific predictors of teacher retention. Through their detailed research reports, they provide actionable recommendations to help educational institutions improve job satisfaction and foster a positive work environment for educators at all levels.

https://cdn.sanity.io/images/vkmf5cu4/production/b7d7239374dc2811edb5f746f764688d228b9135-1892x1022.png

Think Big Act Now

Think Big Act Now supports organizations in navigating their sustainable transition amidst the growing demands of modern business. With increasing pressure from stringent regulations like CSRD, as well as rising expectations from customers and employees, the challenge can seem overwhelming. Drawing inspiration from the ideas of Babette Porcelijn, Think Big Act Now offers clarity and motivation through tailored lectures, workshops, training sessions, and expert advice. Their goal is to equip organizations with the knowledge and tools needed to take effective action, empowering them to confidently embrace sustainable practices and drive meaningful change.

https://cdn.sanity.io/images/vkmf5cu4/production/b7153067438eecf849cb9488d65caef007af6790-1350x696.png

Movie App (Reproduce Netflix)

Build a movie web app by reproducing Netflix using Next.Js 13, Typescript, Tailwind CSS, and Firebase. Its features including authentication (login and signup), save user personal data (preference and membership), and custom movie player.

https://cdn.sanity.io/images/vkmf5cu4/production/2dc1c1e24e7d9e31a95128f2ced59f81fd04ba34-1898x1023.png

SIMA JUARA

Build a job portal sites for west java government using Next.Js and TailwindCSS. I build the user profile page, company page, admin page, and some of call center page that includes chat platform. Some features that i develop includes user authentication, integration with backend using Next API, CRUD for job and user data, create PDF doc using JsPDF.

https://cdn.sanity.io/images/vkmf5cu4/production/c0eb9d4aa9a0a0344ba0df4ccdd5f0d6b89f7241-1344x684.png

Pokemon API Site

Build a responsive web that shows information about various pokemon from pokedex API. It's build with ReactJs and using some technologies of react including React Portal, React Router, and Redux with ReduxJs Toolkit.

https://cdn.sanity.io/images/vkmf5cu4/production/dd72d5ea8ea35f2f2e04d6591df3af6ff3479041-1344x695.png

URL Shortener App

Build a website that provide URL Shortener service, it's utilize and API from shrtco.de for the ability to shorten url. This website is fully responsive in all platform that build using ReactJs and basic css. The UI itself is coming from challenge in frontendmentor.io.

https://cdn.sanity.io/images/vkmf5cu4/production/c6a3a9ac1c4aa443fe57a02bd6285554322d3192-1344x691.png

Personal Site 1.0

This my first personal website that i build and deploy. This website is a single page application that i build using reactjs and bootstrap. I developed this right after i learn about react. This website is responsive to all paltform.

https://cdn.sanity.io/images/vkmf5cu4/production/90e3e2334ee235de4995032cec69805a59fd2e68-1345x691.png

Expense App

This app could be used to track your expenses. You could create, read, update, and delete the expenses data. It also provide a visualization of your total expense ratio of each month along the year. You could also filter the shown data by year.

https://cdn.sanity.io/images/vkmf5cu4/production/2b190018515a0a79ddd467c6705f741c8535b9e9-509x339.jpg

Stock Prediction CNN

This projects is part of my college projects while taking a Deep Learning course. In this project i create a neural network model that able to predict stocks. The NN model is build using a CNN architecture, it's also build without using deep learning library. So, it needs to derive the mathematical formula and turn it into deep learning algorithm. The features to predict the stock is using a 13 parameters that derived from open, close, and volume value of stock in each day.

https://cdn.sanity.io/images/vkmf5cu4/production/c05f45e855e2c3a808fe2f1d78269aa43772d2f7-1212x750.png

Number's Image Classification

This projects is part of my college projects while taking a Deep Learning course. In this project i create a deep learning model that able to clasify and recognize a number in image. Here i use a dataset from MNIST to be used as training and test data. The model itself created with a deep learning algorithm that build from scratch without any deep learning library.

https://cdn.sanity.io/images/vkmf5cu4/production/6406ebd9500b6c22bcfa6c9a9fcaa73c9470d545-1364x692.png

Simon Game

Simon game is actually an electronic game created in 1978. This time, i recreate that game in web platform. The gameplay of this game is pretty simple, you will be given a sequence of color that consist four color. The length of sequence is equal to the level you're at. At every level you will be given a new color, and send back the sequence of color that given from previous level to this level. You will sending back the sequence by clicking the corresponding button in order.

https://cdn.sanity.io/images/vkmf5cu4/production/89429cd49346b2ac7ef86fbff63219512ac71289-1354x698.png

Drum Kit Game

This website is my first time trying out to use javascript in my website. In this website, you could play a set of drum instrument. With clicking the corresponding icon, you will play a sound of certain drum instruments.