Full-Stack Developer | AI, SaaS, and MVPs

github

Muhammad Yousaf  • Peerlist

Dynamic Resume Builder | Hackathon | GIAIC

I transformed a detailed Figma design into a complete full-stack e-commerce platform. Using Next.js with TypeScript and Tailwind CSS, I delivered a pixel-perfect, fully responsive implementation that aligned with the original UI/UX vision. Key Highlights Responsive Frontend: Optimized for flawless performance across desktop, tablet, and mobile devices. Full-Stack Architecture: Integrated frontend, backend APIs, and database for smooth user and order management. Admin Panel: Developed a secure, intuitive dashboard for managing products, orders, and customers. Headless CMS Integration: Connected with a CMS for effortless content and product updates. TypeScript & Tailwind CSS: Ensured maintainable, type-safe code with consistent, modern styling. This project demonstrates my ability to convert UI/UX designs into scalable, production-ready applications that handle both customer experience and business operations end-to-end.

Figma to Full-Stack E-Commerce | Hackathon at

For this project, I converted a detailed Figma design into a fully responsive website using Next.js with TypeScript and Tailwind CSS. Focusing on a pixel-perfect implementation, I ensured that every design element aligned perfectly across all screen sizes. Key highlights: Responsive Design: Seamless functionality on all device types, from mobile to desktop. TypeScript Integration: Enhanced type safety and development efficiency. Tailwind CSS Styling: Rapid, clean, and consistent styling across components. This project showcases my ability to transform UI/UX designs into robust, production-ready code. Take a look at the live version to see it in action!

Figma to Responsive Next.js Website | Hackath

Milestone 1: Static Interactive Resume Template Milestone 2: Create a Repository on GitHub, and deploy it on Vercel Milestone 3: Dynamic Resume Builder using the user's input by form Milestone 4: Generate an editable resume with the user's input Milestone 5: Assign a unique URL to the user's Resume and also a unique Shareable link. Here is the link: static-interactive-resmue.vercel.app