I'm Rietts A. Ruff

Frontend Developer

My Portfolio

PGAS Corporate Portal

PGAS Corporate Portal

2023Frontend
Portal

Company Portal owned by PT Perusahaan Gas Negara (Persero) Tbk (PGN) which includes nominations, documents, etc. [Collab with Natuno Design]

TypeScriptTypeScriptNext.jsNext.jsEmotionEmotionMantineMantineImmerImmerReact QueryReact QueryESLintESLintGitGitNxNxDockerDocker
BPP

BPP

2023Frontend
Company Profile

Customs Brokerage and Consultation Company.

TypeScriptTypeScriptNext.jsNext.jsEmotionEmotionMailgunMailgunESLintESLintGitGitDockerDocker
Visit
AirNav E-Logbook

AirNav E-Logbook

2023Fullstack
Admin Dashboard

To make it easier to record work and maintenance reports.

TypeScriptTypeScriptNext.jsNext.jsEmotionEmotionMantineMantineImmerImmerReact QueryReact QueryMySQLMySQLFirebaseFirebaseESLintESLintGitGit
BP LINES

BP LINES

2022Frontend
Company Profile

An Innovative Logistics Company.

TypeScriptTypeScriptNext.jsNext.jsSassSassTailwind CSSTailwind CSSMailgunMailgunESLintESLintGitGit
Visit
BPK

BPK

2022Frontend
Company Profile

Warehouse Solutions.

TypeScriptTypeScriptNext.jsNext.jsSassSassTailwind CSSTailwind CSSMailgunMailgunESLintESLintGitGit
Visit
TB Hans Truss

TB Hans Truss

2021Fullstack
Admin Dashboard

Building Materials Store.

TypeScriptTypeScriptNext.jsNext.jsSassSassAnt DesignAnt DesignMySQLMySQLKnexKnexESLintESLintGitGit
CULTR Pre-Launch

CULTR Pre-Launch

2021Frontend
Event

The next leading Cultural Super App from Local to Global.

TypeScriptTypeScriptNext.jsNext.jsSassSassSendinBlueSendinBlueESLintESLintGitGit
Visit
B3 Corporation

B3 Corporation

2021Frontend
Company Profile

Adapted from PT Bangga Berbangsa Berbudaya. In the USA letter format, it would be B3 Corp.

TypeScriptTypeScriptGatsbyGatsbySassSassSendinBlueSendinBlueGitGit
Visit
Summit UI WIB

Summit UI WIB

2021Frontend
Event

A grand virtual event to address certain issues in relation to women and youth empowerment.

TypeScriptTypeScriptNext.jsNext.jsSassSassGitGit
Visit
WCE UI WIB

WCE UI WIB

2021Frontend
Event

Weekend Career Expo by UI Women in Business.

TypeScriptTypeScriptNext.jsNext.jsSassSassTailwind CSSTailwind CSSMaterial UIMaterial UIFirebaseFirebaseGitGit
Visit
Blups

Blups

2021Frontend
Company Profile

A Tech Logistics Company.

TypeScriptTypeScriptNext.jsNext.jsSassSassGhostGhostMailgunMailgunESLintESLintGitGit
Visit
Parama Copy

Parama Copy

2021Frontend
Online Service

Photocopier at Ikasatya Center.

TypeScriptTypeScriptNext.jsNext.jsTailwind CSSTailwind CSSChakra UIChakra UISupabaseSupabaseXenditXenditMailgunMailgunESLintESLintGitGit
Visit
Admin Dashboard of Parama Copy

Admin Dashboard of Parama Copy

2021Fullstack
Admin Dashboard

Photocopier at Ikasatya Center.

TypeScriptTypeScriptNext.jsNext.jsSassSassTailwind CSSTailwind CSSAnt DesignAnt DesignFirebaseFirebaseSupabaseSupabaseGitGit
Ikasatya

Ikasatya

2021Fullstack
Portal

Ikatan Alumni Satya Wacana.

TypeScriptTypeScriptNext.jsNext.jsSassSassMaterial UIMaterial UIStrapiStrapiMailgunMailgunGitGit
Visit
OneDataMakara

OneDataMakara

2020Frontend
Portal

A frictionless information gathering system for IKM FKUI.

ReactReactCSS 3CSS 3Material UIMaterial UIGitGit
Visit
Admin Dashboard of OneDataMakara

Admin Dashboard of OneDataMakara

2020Fullstack
Admin Dashboard

A frictionless information gathering system for IKM FKUI.

ExpressExpressMySQLMySQLAmazon S3Amazon S3MailgunMailgunGitGit
Moive

Moive

2020Frontend
Template(8 Purchases on ThemeForest)

Creative Modern Personal Page.

HTML5HTML5CSS 3CSS 3JavaScriptJavaScriptBootstrapBootstrapjQueryjQueryPHPPHPPHPMailerPHPMailer
Visit
Modtion

Modtion

2019Frontend
Template(31 Purchases on ThemeForest)

One of the HTML templates for personal that has a modern and unique look.

HTML5HTML5CSS 3CSS 3JavaScriptJavaScriptBootstrapBootstrapjQueryjQueryPHPPHPPHPMailerPHPMailer
Visit
Zowitch

Zowitch

2019Frontend
Template

A Creative Personal Page that has dark and light skins with a modern look and has a live skin switcher.

HTML5HTML5CSS 3CSS 3JavaScriptJavaScriptBootstrapBootstrapjQueryjQueryPHPPHPPHPMailerPHPMailer
Visit
Metronal

Metronal

2019Frontend
Template(123 Purchases on ThemeForest)

A clean and elegant Personal Portfolio Page.

HTML5HTML5CSS 3CSS 3JavaScriptJavaScriptBootstrapBootstrapjQueryjQueryPHPPHPPHPMailerPHPMailer
Visit

Contact Me