SF

My Portfolio

Explore a curated collection of projects that showcase my expertise in crafting user-friendly and scalable solutions. Click on a project to view its live demo or source code.

Travel Camp
Travel Camp
Beautiful landing page for a travel business, built with Next.js 13 and Tailwind CSS for seamless performance and design.
Next.jsTypeScriptTailwind CSSNetlify
Promptora
Promptora
Creative prompt-sharing platform connecting users to inspire ideas, featuring user authentication and a dynamic interface.
Next.jsJavaScriptTailwind CSSMongoDBAuth.jsNetlify
Easy Report
Easy Report
Streamline report generation with this tool that merges templates and data, supporting YAML and Handlebars.
Next.jsTypeScriptTailwind CSSHandlebars.jsYAMLNetlify
Himpunan Doa Harian
Himpunan Doa Harian
Collection of daily Islamic prayers, integrated with Google Sheets API for dynamic updates.
Next.jsTypeScriptTailwind CSSGoogle Sheets APINetlify
Semak SKKM
Semak SKKM
Management system for handling death benefits (khairat kematian) for MARA retirees with secure data handling.
Next.jsTypeScriptshadcn/uiTailwind CSSFaunaDBAuth.jsPuppeteerHandlebars.jsNetlify
World Events
World Events
Discover and explore upcoming global events using this Gatsby-powered, GraphQL-backed application.
Gatsby.jsTypeScriptTailwind CSSGraphQLGoogle Sheets APICloudflare Pages
Telcowin Devs
Telcowin Devs
Resource hub for developers, featuring blogs, tutorials, and code snippets powered by Markdown.
Next.jsTypeScriptTailwind CSSMarkdownVercel
TeamCoway
TeamCoway
Coway product catalog website for agents, built with React.js and Material UI.
React.jsJavaScriptMaterial UINetlifyGulp.js
eSiyahah
eSiyahah
Learn Arabic for tourism with this educational platform migrated from Grav CMS to Next.js.
Next.jsTypeScriptshadcn/uiTailwind CSSGrav CMSSCSScPanel
S&D Cybersec Doctor
S&D Cybersec Doctor
API-integrated cybersecurity platform using serverless functions for insights on threats and password strength.
React.jsRedux.jsJavaScriptMaterial UIFaunaDBVirusTotal APINetlify
Just Do It
Just Do It
A feature-rich to-do app with authentication and CRUD functionality for seamless task management.
Next.jsJavaScriptTailwind CSSAirtableAuth0Netlify
YouTube
YouTube
Search and watch YouTube videos with this minimalist React-powered interface leveraging the YouTube API.
React.jsJavaScriptPaper CSSYouTube APINetlify
Arabic
Arabic
Interactive Arabic learning app, reimagined from Pug.js to React.js for a modern experience.
React.jsJavaScriptPaper CSSNetlifyPug.js