SkulaLingua

skulalingua
skulalingua_monitor

Skulalingua will help you learn Mandarin on your laptop or your mobile phone. The main goal is to increase your Mandarin word library and help you to be able to do daily communication using Mandarin.

The target students for this website are Indonesian people from all segments, that's why I'm using Indonesian non-standard grammar to get them to connect easier to Mandarin grammar.

Library/Framework

React.js, Node.js

Dependencies

TailwindCSS,Typescript, redux toolkit

Visit Website

BayarPlanner

bayarplanner
bayarplanner_monitor

BayarPlanner is a website that schedules and records daily financial transactions, also calculates data to create simple invoices.

Created using React JS, makes it easier to work with a lot of date-related libraries

The main calendar design is costume-made so it can have more flexibility to handle different functions accordingly to different activities each day.

Library/Framework

React.js

Dependencies

Typescript,TailwindCSS, ReactDatepicker

Visit Website

RS Urip Sumoharjo

rs-uripsumoharjo
rs-uripsumoharjo_monitor

A website design proposal for a local hospital in Bandar Lampung. The design wasn't approved by my client but I can keep it for my own portfolio.

The design is very simple, easy-to-use, informative but not too crowded with too many useless details.

The core of this website design is to create practical online appointment and medical record integration.

Library/Framework

Next.js

Dependencies

ReactDatePicker, FramerMotion

Visit Website

Administrasi RSUS

rsus
rsus_monitor

This website is inspired by Sanity.io form design. I use this website to master creating forms and connecting them to the Back End. I purposefully did not use any form library

Using Next-Sanity, combined with Next.JS API, I can place all the codes into one folder. Very practical for me as this website is relatively small

Another challenge for me when creating this website is on creating a responsive website through codes instead of through CSS

Library/Framework

Next.JS

Dependencies

Next-Sanity, Sanity.Io, TailwindCSS

Visit Website