0%
πŸ‘‹ Hello there!

I'M AHMAD AZRIEL

I'm a |

Frontend Developer yang bersemangat dengan pengalaman belajar dan mengerjakan proyek lebih dari 1 tahun. Saya fokus pada pembuatan website yang menarik, responsif, dan mudah digunakan. Saya terbiasa menggunakan teknologi web modern seperti HTML, CSS, dan JavaScript, serta senang mengubah ide menjadi tampilan yang sederhana namun elegan.

0 Projects
Completed
1+ Years
Experience
24/7 Always
Available
8 Program
mastered
Ahmad Azriel - Frontend Developer
Scroll Down
INTRODUCTION

About Me

About Ahmad Azriel
1+ Years
Experience

Halo! πŸ‘‹ Saya Azriel, pelajar SMK jurusan Rekayasa Perangkat Lunak yang berusia 16 tahun. Saat ini saya fokus mendalami Frontend Development karena saya suka bagaimana kode bisa diubah menjadi tampilan web yang menarik dan interaktif.

Saya terbiasa belajar secara mandiri, bereksperimen dengan HTML, CSS, dan JavaScript, serta mencoba framework modern untuk meningkatkan kemampuan saya. Bagi saya, frontend bukan hanya tentang desain, tapi juga tentang menciptakan pengalaman pengguna yang nyaman.

πŸ’‘ Ke depan, saya ingin terus berkembang hingga bisa menjadi Frontend Developer profesional dan membangun karya yang bermanfaat bagi banyak orang. πŸš€

Education

  • SD AL FATHIR: 2015 – 2021
  • SMP WIRABUANA: 2021 – 2024
  • SMK WIRABUANA 2: 2024 – 2027

Location

Bogor, Indonesia

Experience

  • πŸš€ Membangun tampilan website dengan HTML, CSS, dan JavaScript
  • πŸš€ Membuat layout responsif untuk mobile dan desktop
  • πŸš€ Menggunakan animasi web dengan AOS dan GSAP
  • πŸš€ Meningkatkan kenyamanan dan kerapihan tampilan UI
  • πŸš€ Mengelola project dan versi kode menggunakan GitHub
  • πŸš€ Belajar frontend secara mandiri melalui YouTube, artikel, dan dokumentasi resmi
  • πŸš€ Mengerjakan project pribadi untuk meningkatkan skill coding
  • πŸš€ Mencoba berbagai eksperimen tampilan dan animasi web
  • πŸš€ Membuat ulang (clone) website atau UI untuk latihan
  • πŸš€ Belajar versi kontrol dasar menggunakan Git & GitHub

My Services

Web Development

Building lightning-fast, responsive, and SEO-optimized websites using cutting-edge technologies.

  • Responsive Design
  • Performance Optimized
  • SEO Friendly

UI/UX Design

Crafting intuitive and aesthetically pleasing user interfaces that drive engagement and conversion.

  • User-Centered
  • Modern Aesthetics
  • Accessibility

Performance

Optimizing applications for maximum speed, scalability, and smooth user interactions.

  • Fast Loading
  • Scalable Arch
  • Best Practices

SEO Optimization

Enhancing visibility and ranking with semantic HTML and technical SEO strategies.

  • Semantic Markup
  • Meta Strategy
  • Google Friendly

Creative Motion

Adding life to websites with smooth animations and interactive elements.

  • GSAP Animations
  • Micro-interactions
  • 3D Effects

Responsive

Ensuring flawless experience across all devices from mobile to ultra-wide screens.

  • Mobile First
  • Fluid Layouts
  • Touch Friendly
FAVORITE PLAYLIST

Fav Music Collection

Closer

Closer

The Chainsmokers ft. Halsey

Waiting For Love

Avicii

Happier

Marshmello,Bastille

By your side

Jonas blue

Consume

Chase Atlantic

Paris

The Chainsmokers

8 Letters

Why Don't we

Takeaway

The Chainsmokers

Something just like this

The Chainsmokers

The G.O.A.T

LIONEL MESSI

The Art of Silence & Dominance

"Talent is nothing without obsession. I play because I love it."

- Leo Messi
Messi Portrait
8 Ballon d'Or
∞ Legacy

Core Values

  • 🀫
    Silence
    Let success make the noise
  • ⚑
    Consistency
    Every single day

Why He Inspires Me?

Not because of the awards, but because of the discipline to stay at the top for 20 years. That is the standard I set for my code.

Evolution

From False 9 to Playmaker.

Adaptability
Leadership

Lifting others up.

Teamwork

Global Icon

Proving that being an introvert doesn't stop you from conquering the world.

MY EXPERTISE

Skills & Expertise

Frontend Development

HTML 95%
CSS 90%
JavaScript 70%

DevOps & Tools

VS Code 95%
GitHub 90%
Vercel / Hosting 80%

Frontend Frameworks

React 85%
Bootstrap 80%
Tailwind CSS 90%

AI & Tools

ChatGPT 95%
Antigravity AI 90%
Gemini / Copilot 85%

Tools & Technology

A comprehensive toolkit powering my development workflow.

HTML5 Structure
CSS3 Styling
JavaScript Logic
React Framework
Tailwind Utility
Git Version
VS Code Editor
Figma Design
HTML5 Structure
CSS3 Styling
JavaScript Logic
React Framework
Tailwind Utility
Git Version
VS Code Editor
Figma Design
Node.js Backend
Sass Preprocessor
NPM Package
Terminal CLI
GitHub Repo
SQL Database
Three.js 3D Web
API Rest
Node.js Backend
Sass Preprocessor
NPM Package
Terminal CLI
GitHub Repo
SQL Database
Three.js 3D Web
API Rest

How I Work

Proses kerja profesional, transparan, dan terstruktur untuk hasil premium.

01

Research & Brief

Analisa brand, target market, dan kebutuhan bisnis secara mendalam.

02

UI / UX Design

Desain interface sinematik dengan fokus experience & conversion.

03

Development

Implementasi kode clean, performa tinggi, dan animasi presisi.

04

Testing

Cross-device testing, optimasi speed, dan validasi UX.

05

Launch & Support

Deploy final, monitoring, dan support berkelanjutan.

Project Stars

β—†

Featured Projects

Riel Elegant Todo Manager
View Details
Web Application

Riel Todo Manager

Elegant task management with theme support.

HTML CSS JS
Music Player
View Details
Interactive Web App

Riel Music Player

Immersive audio experience with modern UI.

HTML CSS JS
Kalkulator Neophorysm
View Details
Utility Tool

Neumorphism Calc

Soft UI calculator with relaxing aesthetics.

HTML CSS JS
Playlist Spotify
View Details
Music Collection

Spotify Showcase

Personalized music playlist spotify interface.

HTML CSS JS
SuperSlide Riel
View Details
Interactive Animation

SuperSlide World

High-performance visual travel slider.

HTML CSS JS
AZRIEL SPACE
View Details
Personal Portal

AZRIEL SPACE

Futuristic digital identity gateway.

HTML Tailwind JS
Makanism ID
View Details
E-Commerce

Makanism ID

Modern culinary discovery platform.

HTML Tailwind JS
NeoraTech
View Details
Corporate Tech

NeoraTech

Professional tech company website.

HTML Tailwind JS
Climatica
View Details
Environmental

Climatica

Futuristic climate-tech landing page.

HTML CSS JS
FURNIHOME ID
View Details
Interior Design

FURNIHOME ID

High-end furniture e-commerce platform.

HTML CSS JS
EcoLearn
View Details
Education

EcoLearn

Environmental education platform.

HTML Tailwind JS
FURNIHOME ID
View Details
PRODUCT Design

AURA CRYSTAL

High-end PRODUCT e-commerce DESIGN platform.

HTML CSS JS
FURNIHOME ID
View Details
PRODUCT Design

LUXURY CARS

High-end Showcase cars design.

React JSX CSS Vanilla Vite

Pertanyaan yang Sering Ditanyakan

β—†

Ya. Semua project dirancang custom & eksklusif mengikuti identitas brand, target market, dan kebutuhan bisnis Anda.

Rata-rata pengerjaan 7–21 hari tergantung kompleksitas desain, animasi 3D, dan fitur interaktif.

100% mobile-first, optimal di smartphone, tablet, hingga layar ultra-wide tanpa mengorbankan performa.

Ya. Tersedia support & maintenance, revisi ringan, dan bantuan teknis pasca-launch.

Hubungi Saya

Let's Work Together

Saya selalu terbuka untuk berdiskusi tentang proyek baru, ide kreatif, atau kesempatan untuk menjadi bagian dari visi Anda.

Email

azrilpribadi135@gmail.com

Send Email

Phone

+62 852 8072 1275

Call Now

Location

Bogor, Indonesia

View on Map

WhatsApp

+62 852 8072 1275

Send Message