👨‍💻 About Me

Abdul Rafay

I am a passionate Software Engineering student with a strong foundation in web development technologies. I specialize in creating responsive, user-friendly web applications using modern technologies like HTML, CSS, JavaScript, and Firebase. My journey in software development has been driven by curiosity and a desire to build innovative solutions that make a difference.

30

Projects Built

4+

Technologies Used

100%

Code Quality

🌟 Welcome to My Portfolio

This portfolio showcases my complete web development journey including HTML, CSS, JavaScript, and full-stack projects like Amazon and YouTube clones. Each project demonstrates my learning of different concepts and techniques throughout my development journey.

📋 My Projects

Full-Stack

Sudoku Master

A Sudoku game built with JavaScript featuring real-time validation, hints, and fully responsive design.

View Project
Full-Stack

Facebook Login

Facebook login/signup clone with modern UI/UX and responsive layout design.

View Project
JS Project

ToDoList

Interactive To-Do List app with add, delete features and responsive design.

View Project
JS Project

Color Flipper

Simple color flipper using JavaScript, HTML, and CSS with smooth transitions.

View Project
JS Project

Student Card Generator

Generate visually appealing student cards with input data and responsive design.

View Project
JS Project

Password Generator

Generate strong passwords with custom options for length and complexity.

View Project
Full-Stack

Lux Mart

Complete e-commerce platform with shopping cart and responsive design.

View Project
Full-Stack

Amazon Clone

Complete Amazon e-commerce clone with product listings and cart functionality.

View Project
Full-Stack

YouTube Clone

YouTube video platform clone with responsive grid layout and modern interface.

View Project
Chapter 1

HTML Basics

Introduction to HTML fundamentals with semantic markup and proper structure.

View Project
Chapter 4

Advanced HTML

Advanced HTML concepts with multiple pages, forms, and navigation.

View Project
Chapter 7

HTML Forms

Comprehensive form implementation with validation and user interaction.

View Project
CSS Basics

CSS Styling

CSS selectors, properties, and modern responsive design principles.

View Project
Ch 13-16

Advanced CSS

Layouts, animations, and modern styling techniques with interactivity.

View Project
Ch 58-67

Objects

Understanding objects, and assighning and accessing properties in JavaScript.

View Assignment
Ch 58-67

DOM Manipulation and Events

DOM manipulation and event handling with interactive JavaScript applications.

View Assignment
Ch 49-52

Events

Event handling and listeners with interactive JavaScript applications.

View Assignment
Ch 43-48

Events

Event handling and listeners with interactive JavaScript applications.

View Assignment
Ch 38-42

Functions & Control Flow

Advanced functions, switch statements, and loop constructs.

View Assignment
Ch 35-38

Functions

Function declarations, expressions, and arrow functions in depth.

View Assignment
Ch 31-34

Date Methods

Date object, formatting, and time calculations in JavaScript.

View Assignment
Ch 26-30

Math Library

Mathematical functions, random numbers, and complex calculations.

View Project
Ch 21-25

String Methods

String manipulation including slice, replace, indexOf, and more.

View Project
Ch 15-20

Arrays & Loops

Array methods and iteration techniques with practical examples.

View Project
Ch 12-14

Conditional Logic

Conditional statements and control flow in JavaScript.

View Project
Ch 9-11

Conditions Basics

Conditional statements and decision-making in JavaScript.

View Project
Ch 4-9

Advanced JavaScript

Functions, objects, arrays, and DOM manipulation techniques.

View Project
Ch 1-3

JS Fundamentals

Core JavaScript concepts including variables, operators, and syntax.

View Project
Firebase

Firebase Integration

Backend integration with authentication and database functionality.

View Project
Modern UI

Modern Login Form

Contemporary login forms with animations and professional design.

View Project