Hi, I’m Abdul Rafay, a Student, Front End Web Developer with a passion for creating engaging, user-focused experiences on the web.
My journey in web development began with an entry test at GIAIC. Since then, I’ve carved a path by honing my skills in technologies like Next.js, TypeScript, and JavaScript, building projects that blend creativity with functionality.
When I’m not coding, you’ll find me at the playground, exploring the world, reading, or spending time with friends. I also enjoy giving back by sharing tips with beginners and experimenting with new technologies.
I’m always excited to take on new challenges that push my creative and technical boundaries. Let’s create something incredible together!
Designed and developed a fully functional e-commerce store for a startup brand, focusing on clean UI, responsive layout, and seamless shopping experience.
Developed a fully functional online platform called **Foodeez** for a small startup. Built the entire front end of the platform, including product listings, order management, and responsive UI, ensuring a smooth and engaging user experience.
In this phase i learned Advance Python and currently learning Open AI agent SDK framework from open ai
I am currently enrolled in an IT course at GIAIC, which equips me with practical skills essential for a career in technology. In the first quarter, I focused on learning TypeScript, HTML, and CSS. Now, in the second quarter, I am advancing my knowledge with Next.js and Tailwind CSS, along with utilizing tools like Framer Motion. This self-directed learning approach demonstrates my commitment to staying updated in the rapidly evolving tech field.
Currently pursuing Pre-Engineering at Government National College Karachi, focusing on foundational courses in mathematics, physics, and chemistry. This program is shaping my analytical and problem-solving skills and preparing me for a future in engineering
I am actively enhancing my programming skills through online courses on platforms like YouTube. I have focused on key areas such as JavaScript, React, and various front-end programming languages. This self-directed learning approach not only complements my formal education in pre-engineering but also equips me with practical skills that are essential for a career in technology.
I developed a strong foundation in computer science, mathematics, and the sciences, achieving top scores in these subjects. My time in school was enriched by extracurricular activities, including active membership in the Science and Art Club, Sports Club, and Computer Lab, as well as participating in various inter-school science fairs, all of which deepened my interest in engineering and technology. Additionally, I served as part of the school's administration team, where I further developed my communication and teamwork skills.
Foodeez is a modern business management platform built for food startups. It includes a dedicated admin panel (admin.foodeez.ch) for managing businesses, products, and orders. Built with Next.js 15, TypeScript, Prisma, MySQL, and shadcn/ui, the platform offers smooth authentication, scalable architecture, and a clean, responsive UI designed for operational efficiency.
Springz is a vibrant and fully functional e-commerce platform with seperate admin dashboard for all your shopping needs. Built with Next.js 14, TypeScript, Tailwind CSS, and Sanity, it offers a seamless shopping experience with dynamic product management and a visually appealing user interface.
VividCart is a dynamic e-commerce platform designed to redefine online shopping. Built with cutting-edge technologies like Next.js, TypeScript, Tailwind CSS, and shadcn/ui, it delivers a seamless and visually captivating user experience.
The Snake Game is a dynamic and engaging project built using Next.js, JavaScript, and styled with Tailwind CSS, showcasing my skills in frontend development and responsive design. The game features smooth controls, a vibrant grass-themed UI with a cheerful yellow emoji snake 🟡, and exciting food mechanics, including randomly spawning items like apples 🍎 and cookies 🍪. Fully responsive, it offers a seamless experience across all devices, from desktops to mobiles. Through this project, I honed my problem-solving skills, improved my understanding of responsive layouts, and deepened my expertise in creating user-friendly interfaces. Special thanks to AI tools for guiding me throughout this rewarding journey.
FR blogs is a modern content platform built with Sanity.io, Next.js, TypeScript, and Tailwind CSS, offering a seamless and engaging reading experience. Featuring dynamic content management, responsive design, dark mode integration, and SEO optimization, this blog combines functionality with aesthetics to deliver insightful content in a visually appealing interface. It’s a testament to my ability to create scalable, user-centric web applications with cutting-edge technologies.
Prime Emporium is a premium e-commerce platform offering a sleek, dark-themed design for an elegant shopping experience. The homepage features a powerful tagline, Elevate Your Lifestyle with Prime Emporium, and invites users to explore high-quality products. The Prime Mens Wear section showcases sophisticated fashion with minimalistic product cards and high-quality images. The refined color palette of charcoal gray, champagne, and burgundy adds sophistication. The website includes essential features like a search bar, cart icon, and organized categories, ensuring easy navigation. Prime Emporium is not just a store but a destination for those seeking to elevate their wardrobe and lifestyle.
Bubble Game is an interactive web-based game where players click on bubbles that match a target number. The game includes a start menu and a timer to track time and score. Players enjoy engaging sound effects for events like a timer end or successful bubble click. With a responsive design, it adapts seamlessly to various devices. The game features a visually appealing color theme with light blue and aqua bubbles, dark navy UI, and bright yellow highlights for the score and timer, offering a fun and dynamic user experience.
This portfolio is clone of my origonal porfolio but with custom css and made in only 2 hours on next js
