Berliano's

I´m a

Frontend


Developer

My name is Berliano and I have 3+ years of non formal experience in web development.

person icon

Next.js

React JS

TypeScript

Tailwind CSS

Express JS

Expo

HTML

CSS

Javascript

Node JS

Mongo DB

React Native

Firebase/ Firestore

SQL

My Projects

Event MS

Event MS

Web app to organize events, attendees, and assign attendee to events
Next.js
Typescript
Turso
drizzle-orm
Tailwind CSS
Zod
HeadlineX

HeadlineX

A web application that contains the latest top headlines from around the world.
Next.js
Typescript
Tailwind CSS
Situs Penentuan Dosen Pembimbing Skripsi (SPDPS)

Situs Penentuan Dosen Pembimbing Skripsi (SPDPS)

This is my Thesis project. SPDPS is designed to determine thesis supervisors for students in a college using the Profile Matching Algorithm.
React JS
Express JS
Mongo DB
Firebase
Todoku (Android App)

Todoku (Android App)

Todoku is simply task management or to-do list. This app categorizes tasks based on their urgency or importance, reminds through notification when tasks are approaching, and keeps track of recurring tasks. I included the Eisenhower matrix (a productivity tool that helps prioritize tasks by categorizing them into four quadrants based on urgency and importance) into this app so that users can clearly see which tasks need to be done first. Users will be notified multiple times several hours before a task is due, such as 24 hours, 8 hours, and 2 hours before the deadline. Users can also organize the tasks with their custom tag. To use the app, the user must create an account, verify their email, and complete their profile first. Get the app from Google Drive link above to give it a try, as I don't publish it on Google Play Store.
React Native
Expo
Mongo DB
Express JS
Product Spec

Product Spec

While I was on an internship at PT.HIT, this website is the result of my internship, comprising 30 days of work. Product Spec is a web app to record product data. There are 2 roles in this site, R&D and Production. The R&D division uploads future product data, and then the production team can view the details of the upcoming products (There's no real data here, only dummies!).
React JS
Express JS
Mongo DB
Notes App

Notes App

Notes App facilitates easy note creation with a title and details section, enabling users to organize and store information efficiently. It includes an Archive feature for decluttering, allowing users to temporarily remove notes from the main list, and an Unarchive feature to retrieve them when needed.
React JS
Learning App

Learning App

Learning App provides informations about webinars and podcasts. User is able to find their desired topic.The site not only facilitates the exploration of topics but also enables users to mark their favorite webinars and podcasts. This web app is the result of Capstone project during Independent Study held by Ministry of Education, Culture, Research, and Technology and facilitated by Dicoding
React JS
Express JS
Job Vacancy

Job Vacancy

Job Vacancy is a site that provides information about jobs.
React JS
Old portfolio site

Old portfolio site

A personal website featuring my projects, technical skills, and background
React.js

Certifications

Data Analyst Professional Academy

Data Analyst Professional Academy

Cloud Practitioner Essentials (Belajar Dasar AWS Cloud)

Cloud Practitioner Essentials (Belajar Dasar AWS Cloud)

Belajar Membuat Front-End Web untuk Pemula

Belajar Membuat Front-End Web untuk Pemula

Belajar Membuat Aplikasi Back-End untuk Pemula

Belajar Membuat Aplikasi Back-End untuk Pemula

Belajar Membuat Aplikasi Web dengan React

Belajar Membuat Aplikasi Web dengan React

Belajar Fundamental Front-End Web Development

Belajar Fundamental Front-End Web Development

Belajar Fundamental Aplikasi Web dengan React

Belajar Fundamental Aplikasi Web dengan React

Menjadi Front-End Web Developer Expert

Menjadi Front-End Web Developer Expert

Get In Touch

Send Me A Message

@ Berliano Surya