Fadil's Projects

A collection of my projects and work. Each project showcases different aspects of my skills and experience in web development, design, and problem-solving.

Harber Marketplace Frontend

Harber Marketplace Frontend

Harber Marketplace Frontend adalah aplikasi web (tampilan depan) yang menjadi pusat belanja online bagi UMKM Indonesia. Aplikasi ini menyatukan dan menampilkan produk dari berbagai toko UMKM ke dalam satu platform, memudahkan pembeli untuk menemukan dan berbelanja. Seluruh data dan logikanya diatur oleh sistem backend terpisah yang dibangun dengan Laravel.

Next.jsTypeScriptReact Query
Dya Collection

Dya Collection

A website-based e-commerce platform developed to digitize the 'Toko Koleksi Tas DYA' MSME, a women's bag store that previously relied on conventional sales methods. As a Community Service Project (PPM), this solution was designed to expand market reach, professionalize sales processes, and streamline data management. Built with Next.js, the platform features a complete product catalog, an online ordering system, and a comprehensive admin dashboard for managing products and transactions, empowering the business to compete in the digital era.

Next.jsClerkPrisma
SyncRank

SyncRank

A decision support system (DSS) based on AI to help educational institutions in objectively ranking student achievements. Built with Next.js, SyncRank implements the SAW (Simple Additive Weighting) method and is enhanced with AI for intelligent recommendations. Key features include efficient data management with Excel import/export, interactive dashboard, and instant PDF report generation.

Next.jsClerkPostgreSQL
Rightsponse

Rightsponse

AI-powered writing assistant that helps you craft perfect responses for chat messages, emails, and comments. Built with Next.js and Gemini API, it offers customizable language and tone options for better communication. Features include real-time text generation, multiple response formats, and a clean, modern UI powered by shadcn/ui.

Next.jsGemini APIshadcn/ui
Devporto

Devporto

A modern, feature-rich portfolio website template designed specifically for developers. Built with Next.js and Tailwind CSS, it offers a perfect showcase for your coding journey. Features include GitHub stats integration showing your contribution graph and top repositories, dark mode support, fully responsive layouts, and blazing-fast performance with server-side rendering. The template implements comprehensive SEO optimization with semantic HTML, meta tags, and structured data. Developers can easily customize sections for projects, skills, work experience, and blog posts. Includes image optimization, and accessibility best practices. Perfect for developers wanting a professional online presence with minimal setup.

Next.jsFramer Motionshadcn/ui
Bulba Cloud

Bulba Cloud

A modern, SEO-optimized landing page and product catalog for a cloud hosting startup. Built with Next.js and Tailwind CSS, the site delivers a seamless user experience for browsing hosting services. Features include optimized page load times, responsive design across all devices, and strategic SEO implementation including meta tags, canonical URLs, and structured data markup. The WhatsApp-based ordering system streamlines customer communication while maintaining a personal touch. Comprehensive service pages for domains, VPS, and hosting are enhanced with rich snippets for better search visibility. Analytics integration helps track conversion rates and user engagement to continuously improve the platform.

Next.jsshadcn/uiFigma