Portfolio
Kiat Web — Quran Web Application
Section titled “Kiat Web — Quran Web Application”A Quran web application designed for comfortable online and offline reading. Built as a Progressive Web App (PWA) with Vite, focusing on performance, accessibility, and a distraction-free reading experience.
Highlights:
- Offline-first Quran app powered by Vite PWA
- Three reading themes: Light, Dark, and Sepia
- Complete Quran with translations, tafsir, daily prayers, sholawat, and dzikir
- Fast search across Quran and tafsir content using Fuse.js
- Optimized for large Quran datasets using React Virtual
- Accessible UI components built with React Aria
- Data stored locally using Local Storage for offline access
Tech Stack: React, React-Router, Tailwind CSS, Vite PWA, React Aria, React Virtual, Fuse.js
Live Demo: https://kiat.netlify.app
Repository: https://github.com/hudamnhd/kiat
Twitter Clone
Section titled “Twitter Clone”A Twitter-like social media app with responsive design and core social features. Branches:
- Main: React Router v7
- Nextjs: Full-stack with Next.js, NextAuth, Prisma, PlanetScale, tRPC, Upstash (not deployed)
Features: Authentication, post interactions (like, comment), follow system, profile pages.
Live Demo: xapps-clone.vercel.app
Repository: github.com/hudamnhd/twitter-clone
E-commerce Web
Section titled “E-commerce Web”Responsive e-commerce app built with React, Vite, Tailwind CSS.
Features: Product listing/details, add-to-cart, image carousel, responsive UI.
Live Demo: fkstore.netlify.app
Repository: github.com/hudamnhd/web-ecommerce
Landing Page from Figma
Section titled “Landing Page from Figma”Responsive landing page built from Figma design using React Router and Tailwind CSS.
Live Demo: boldo-page.netlify.app
Repository: github.com/hudamnhd/landing-page-boldo