Lewati ke konten
Blog

Huda (@hudamnhd)

Hi, I’m Huda 👋🏻

Software Developer with proven track record in crafting modern web solutions using React and TypeScript. At Kelas Digital, built high-impact applications including an optimized system with 20% improved performance. Seeking challenging opportunities to create innovative, scalable software solutions that deliver measurable business value.

Projects

Kiat Web

This is a Quran web app built with React and Tailwind CSS. Its main feature is providing online support for reading the Quran and other content. The web app is also a Progressive Web App (PWA) built using Vite PWA. It offers a simple design focused on enhancing the Quran reading experience.

Features

  • Offline support via PWA.
  • Multiple Quran tafsir sources.
  • Quran memorization mode and word puzzle feature.
  • Goal: Read the entire Quran.
  • Multiple themes (Light, Dark, Sepia).
  • Searchable translated Quran and tafsir content.
  • Simple calculator.

Preview: https://kiat.netlify.app
Repository: https://github.com/hudamnhd/kiat

Twitter Clone

This is a simple web app built using the Next.js pages directory. The main features include a Twitter-like UI for the home, profile, and tweet details pages, along with support for likes and comments.

This repository has two branches:

  • The main branch contains the latest code, written using React Router v7.
  • The nextjs branch contains older code, which hasn’t been deployed in the demo and uses a stack including Next.js, NextAuth, Prisma, PlanetScale, TRPC, and Upstash.

Features

  • Authentication with Google
  • Interactive posts (like, comment, and view post details by ID)
  • Follow and follower system
  • Profile viewing
  • Responsive design

Preview: https://xapps-clone.vercel.app
Repository: https://github.com/hudamnhd/twitter-clone

E-commerce Web

This is a simple web app built with React, Vite, and Tailwind CSS. The main features include product display, product details, the ability to add products to the cart, a carousel, and a responsive design.

Preview: https://fkstore.netlify.app
Repository: https://github.com/hudamnhd/web-ecommerce

Landing Page From Figma

This is a simple landing page built with React Router and Tailwind CSS.

Preview: https://boldo-page.netlify.app
Repository: https://github.com/hudamnhd/landing-page-boldo

Work Experience

PT Kelas Dunia Ekasakti

Role: Front End Developer
Time:
Location: Remote

Responsibility:

  • Create a responsive web Landing Page Company using Remix.
  • Rewrite old code from React to Remix.
  • Developed and maintained social media applications using React Remix.
  • Integration Social Media Applications with Backend API and Pubnub Chat.
  • Developed and maintained Dashboard Applications using Remix for manage system class.
  • Integration Dashboard Applications with @casl/ability for manage role users.
  • Contributed to daily meetings and sprint planning meetings as part of an agile team.

PT Deva Indonesia Group

Role: Front End Developer
Time:
Location: Remote

Responsibility:

  • Develop Sistem Pasok Rantai Industri Convert code from Figma to HTML with Tailwind CSS with perfect pixel.
  • Add functional web with jQuery.
  • Develop Ship Agen Web Dashboard Convert from Figma to Laravel Blade with Tailwind CSS with perfect pixel, interactive and responsive.
  • Implemented a dynamic table feature with horizontal resizing, allowing users to adjust the table’s width.
  • Developed dynamic tables that automatically recalculate data when new data is added, utilizing JavaScript.
  • Added a dynamic file upload feature in each table, enabling users to upload files directly within the table interface.
  • Implement feature export data in each menu to PDF with domPDF.
  • Create UI PDF with CSS native.

Personal

I am a Neovim enthusiast because of its simplicity and speed. I use Neovim primarily for writing code and taking notes, appreciating its lightweight and efficient design that enhances my workflow. Additionally, I use Linux with the DWM window manager on my PC. The combination of Linux and DWM is ideal for me, as it offers a minimalist environment that helps me stay focused and significantly boosts my productivity.