Hi, I'm Abdul Rafay

Front-End Developer | Aspiring Full Stack Developer

I build responsive, interactive, and creative websites using modern web technologies. Passionate about design, performance, and user experience.

View My Work

About Me

Frontend Developer skilled in HTML, CSS, Tailwind, JavaScript, and React, currently learning Backend and aiming to become a Full Stack Developer. Alongside development, I also have experience in graphic design, allowing me to blend creativity with clean, functional code.

I'm currently working in the Government Defence sector as an IT & Cybersecurity Support professional, while pursuing my BSCS degree from Ilma University. Passionate about tech, security, and design — always eager to learn, build, and grow.

Skills

html.png

HTML

css.png

CSS

tailwind.png

Tailwind

js.png

JavaScript

react.png

React

node.png

Node.js

Projects

Shopo Preview

E-Shopo

React based e-commerce website featuring dynamic product listings, responsive layouts, and seamless navigation. Built with React and CSS, it demonstrates practical implementation of shopping cart functionality, reusable components, and a clean user-focused UI architecture.

k72 Preview

k-72

An interactive React website showcasing GSAP animations, smooth scrolling, and responsive layouts. Built with React and CSS, it’s a playground for practicing dynamic UI interactions and animations.

JS Quiz App Preview

JS Quiz App

Missed my JavaScript quizzes from SMIT, so I built one myself! A fun web app where you can test your JS knowledge with interactive questions and instant feedback — built with pure HTML, CSS, and JavaScript.

jadoo-travel Preview

Solid Wood

A responsive travel website showcasing destinations, travel packages, and deals. It features a modern UI, smooth layout, and mobile-friendly design — built with HTML, CSS, and JavaScript.

gfx-portfolio Preview

gfx-portfolio

portfolio website I designed and developed for my friend to showcase his creative work and professional services. The site features a clean, modern layout, smooth scroll animations, and a fully mobile-friendly design — built using React, CSS, and AOS for animation effects.

Law-Associate Preview

Law-Associate

A clean and professional law associate website created to practice responsive design and scroll-triggered animations. Focused on elegant layout, smooth transitions, and modern UI interactions using HTML, CSS, and JavaScript.

Blog Web Preview

Blog Web

A pseudo blog platform where users can sign up, log in, and upload blog posts using local storage. It simulates real blog functionality with user authentication and content management — built with HTML, CSS, and JavaScript.

Get in Touch

If you'd like to collaborate, have a question, or just say hi, feel free to reach out!