M Aryo Muzakki

MUHAMMAD
ARYO
MUZAKKI

FULL-STACK
NEXT JS
WEB DEVELOPER

Frontend-focused Fullstack Web Developer with 4.5+ years of experience building responsive, high-performance websites using Next.js, React, and TailwindCSS. Passionate about polished UIs, animations, and optimizing for speed, SEO, and accessibility.

Stacks

  • HTML5HTML
  • CSS3CSS
  • JavaScriptJavascript
  • Node.jsNode JS
  • ExpressExpress JS
  • ReactReact JS
  • Next.jsNext JS
  • BootstrapBootstrap CSS
  • Tailwind CSSTailwind CSS
  • shadcn/uiShadcn UI
  • Motion
  • Tanstack Query
  • SassSASS/SCSS
  • DockerDocker
  • GitGit
  • GitHubGithub
  • UbuntuUbuntu
  • NGINXNginx
  • ApacheApache
  • PM2PM2
  • VercelVercel

Experiences

  • Web Developer

    Bold & Underline - Medan, Indonesia

    • Built and maintained dynamic websites for clients, delivering fast, responsive interfaces with Next.js and custom/Headless CMS integrations.
    • Implemented micro-animations and interactive effects using Framer Motion, enhancing user engagement and modern UI feel.
    • Optimized applications for SEO and Core Web Vitals, ensuring top performance across devices.
    • Deployed and managed production environments on Ubuntu servers with pm2 and Nginx, ensuring stability and uptime


  • Freelance Web Developer

    Medan, Indonesia

    • Converting Figma design to responsive website with HTML, CSS, and Bootstrap CSS.
    • Modifying websites with HTML and CSS.


  • Junior Web Developer (Intern)

    Digital Innovation Lounge Medan - Medan, Indonesia

    • Developed website templates with Bootstrap and jQuery.
    • Collaborated in a team to deliver a PHP-based website project


  • D3 of Informatics Management

    State Polytechnic of Medan - Medan, Indonesia

    GPA 3.5



    Projects

    • Yayasan Perguruan Sultan Iskandar Muda

      I rebuilt the official site of Yayasan Perguruan Sultan Iskandar Muda, transforming it into a modern, responsive platform with Next.js and Tailwind CSS. I also created a custom CMS to let administrators easily manage content, announcements, and publications

    • Timer Countdown

      A timer to be used at a presentation or a countdown to something. Using Tauri, it can be installed as Desktop App while it is still available as a website

    • QR Generator & Scanner

      This tool can generate QR Code with costumizable color, icon, shape, and other settings. It can also scan a QR Code with camera or upload an image containing a QR Code

    • WFD RSA 2024

      A landing page specialized for The 36th World Federation of the Deaf Regional Secretariat for Asia Event in Yogyakarta. Build using HTML CSS and with Bootstrap CSS, but mainly custom CSS.

      • Landing Page
      • Microsite
    • Satya Terra Bhinneka University

      This is a University Website for Satya Terra Bhinneka University, on of our client. I build this website using a premium template from Envato. I update the code to match recent version, and modified it as required. There are profiles page, faculties, blogs/publications, and contact page. This website also have multi language feature.

    • Matakail Communication

      This website is the Main Company website (an Event Organizer). I rebuild from beginning an already existing website built in php into a Next JS website with template from envato. There are company profile landing page, about page, portfolio page, and a contact form where the data will be sent to our gmail and saved to spreadsheet.

    • Halal Center Indonesia

      This is a company profile for Halal Center Indonesia, on of our client. Feature included are landing page, blog, contact form that will fill up the Google Spreadsheet, multi language (indonesia and English). The blog data are provided using wordpress

    • Azisten

      This is a website for a company that I and my friends once tried to build called Azisten. Azisten is a Company that will help people to clean up their rent-house. The feature are landing page, price list, and a order form that will connect to Whatsapp.

      • Company Profile
    • No Image

      Digital Registration System

      An Online Registration System and Check-in using QR Ticket.

      • QR Ticketing
      • Lucky Draw - Spin Wheel

        A digital spin wheel to randomly pick a text.

        • Lucky Draw
        • No Image

          Lucky Draw - Random Number

          Randomly pick a number in 0 to 3 digits.

          • Lucky Draw
          • PDF Viewer

            PDF Viewer built with Next JS to read pdf file. You can see document outline, jump to page, zooming, download, and highlight text. Using this viewer component will avoid issues made by IDM Extension

            • Tools

            Contact

            Copyright © 2024 Muhammad Aryo Muzakki