── Hello I'm M. Akbar Hanani

Fullstack Developer | Web Developer | Mobile Developer

Building modern web experience with clean code

I design and build scalable fullstack applications using modern technologies like Next.js, TypeScript, and Supabase. Focused on performance, clean UI.

Foto Profil Muhammad Akbar Hanani - Fullstack & Web Developer
Figma
Next.js
React
TypeScript
Tailwind CSS
JavaScript
Python
HTML
C++
Supabase
Figma
Next.js
React
TypeScript
Tailwind CSS
JavaScript
Python
HTML
C++
Supabase
Foto Muhammad Akbar Hanani - Tentang Pengalaman dan Keahlian Web Development
About Me

I build scalable and user-focused web applications

I'm a Grade 11 Software Engineering (RPL) student at SMKN 1 Kota Pasuruan, passionate about building smooth, modern, and user-friendly web applications. I enjoy turning ideas into functional digital experiences while continuously improving my development and design skills through school and personal projects.

I frequently work with HTML, CSS, JavaScript, TypeScript, React, Next.js, and Tailwind CSS, along with MySQL and basic Python. For design and interface development, I often use Figma and shadcn/ui to create clean, responsive, and consistent experiences.

Clean code

Fullstack Apps

Performance

Projects

some of my recent work

A selection of projects showcasing my ability to design, build, and scale modern fullstack applications

Menampilkan 4 dari 7 project yang cocok.

Screenshot antarmuka dan preview proyek Aurora Borealis-Official Band Website

Aurora Borealis-Official Band Website

This website was created to support the growth and development of Aurora Borealis Band. It was built using HTML and enhanced with Tailwind CSS to create a modern and responsive design. The project includes detailed information about the band, as well as contact information for its members.

HTMLTailwindCSS
Screenshot antarmuka dan preview proyek Internship Management System — UBIG SIMMAS

Internship Management System — UBIG SIMMAS

A web-based internship management system developed to help schools manage student internship activities efficiently. The system provides features for student registration, internship placement, company data management, teacher supervision, and internship monitoring in one centralized platform.

Next.jsTypeScriptTailwind CSS
Screenshot antarmuka dan preview proyek Basic Next.js — UBIG

Basic Next.js — UBIG

A basic web project developed using Next.js to explore modern web development concepts. This project focuses on building a clean and responsive user interface while implementing fundamental features and components using Next.js and Tailwind CSS.

Next.jsTypeScriptTailwind CSS
Screenshot antarmuka dan preview proyek StudyLine — Learning Platform UI/UX Design

StudyLine — Learning Platform UI/UX Design

A UI/UX design concept for a modern learning platform designed to make studying more engaging and organized. StudyLine features a clean interface with learning materials, progress tracking, challenges, and interactive elements to help users stay motivated throughout their learning journey. The entire interface was designed in Figma with a focus on usability, visual consistency, and user experience.

UI/UXFigmaDesign
Experience

Experience that speaks volume

Exploring my journey as a developer, from learning the fundamentals to building full-stack applications

Software Engineering Student

SMKN 1 Kota Pasuruan

Studying Software Engineering with a focus on web development, programming fundamentals, database management, and software development. Throughout my studies, I have worked on various school and personal projects while developing my skills in both frontend development and UI/UX design.

PythonHTMLCSSMySQLJavaScript

Web Development & Programming

SMKN 1 & UBIG

Learning and applying web development technologies such as HTML, CSS, JavaScript, Next.js, Tailwind CSS, and TypeScript. Also developing a foundation in Python through basic programming concepts, including variables, conditions, loops, functions, and data structures.

Next.jsTailwind CSSTypeScriptPython

UI/UX Design Exploration

Personal Projects

Exploring UI/UX design through various personal projects and digital product concepts. Focused on creating clean interfaces, intuitive user flows, responsive layouts, and consistent visual systems while considering usability and user experience.

Figma

Programming & Database Development

School & Personal Projects

Learned programming fundamentals and database management through school assignments and application development projects. Gained experience with basic programming logic, CRUD operations, database relationships, and connecting applications with databases.

JavaScriptMySQLSupabaseXAMPPPython

Creative & Media Experience

School Activities & Organization

Participated in creative and digital media activities involving graphic design, visual communication, content creation, and digital projects. These experiences helped develop creativity, teamwork, communication, and problem-solving skills alongside technical abilities.

CanvaFigma

IoT Engineering

SMKN 1 Kota Pasuruan

Exploring Internet of Things (IoT) system development through Wokwi simulations using ESP32. Designed real-time monitoring systems such as river water level tracking with ultrasonic sensors, multi-level LED status indicators, automated buzzer alerts, and telemetry data formatting in JSON.

IotESP32WokwiC++Sensors
Contact

Let's build something great something great

Have a project in mind? I'd love to hear about it. Let's connect.

Send a message