HTML5
CSS3
Bootstrap
JavaScript (ES6+)
TypeScript
React.js
I pursued Matriculation in the Science group under the Karachi Board, where I studied core subjects including Mathematics, Physics, and Computer Studies. Although I did not complete this program, the experience helped me develop foundational knowledge and sparked my interest in Computer Science, leading me to continue my education through alternative academic and practical learning paths.
I enrolled in the Web Development training program at Saylani Mass IT Training. During my time in the program, I gained foundational knowledge of HTML, CSS, and JavaScript, along with an understanding of responsive design principles. Although the program was not completed, it played an important role in strengthening my interest in web development and practical learning.
LSkilled in crafting intuitive and engaging user interfaces that enhance user experience and drive satisfaction.
Skilled in creating responsive web designs that adapt seamlessly across all devices and screen sizes.
Experienced in designing visually appealing and user-friendly websites with a focus on layout, usability, and responsive design.
Committed to writing clean, well-structured, and maintainable code following best practices and industry standards.
Diagnose, troubleshoot, and repair computer hardware issues, including system components, peripherals, and performance-related faults to ensure reliable and efficient operation.
Provide installation, configuration, and troubleshooting of network devices such as routers, switches, and cabling to ensure reliable connectivity and optimal network performance.
view project
personal portfolio
This project is a responsive personal portfolio website designed and developed using HTML, CSS, and JavaScript. It showcases my skills, projects, and contact information with smooth animations and a clean layout. It includes sections like About, Skills, Projects, and Contact with a downloadable resume feature.
view project
PET-BOT BOTTLES MANUFACTURES
This project is a fully responsive website developed for a bottle manufacturing company as part of an academic E-project. It showcases the company’s process, products, gallery, feedback system, and contact options. The site is visually engaging with modern UI and includes dropdowns, navigation, and product display using HTML, CSS, JavaScript, and Bootstrap.
view project
Eyeonic
This is a modern, responsive website developed for a fictional eyewear brand called "Eyeonic Optical". The site includes product category filtering, brand navigation, product carousels, and detailed product sections such as sunglasses, eyeglasses, and contact lenses. It was designed with a strong visual identity using HTML, CSS, JavaScript, and Bootstrap to enhance UX/UI with smooth animations and interactivity.
view project
The Fasion Spectrum
This class project focuses on designing and developing a festive-themed online shopping interface, highlighting a traditional clothing collection titled "Eid Festive - Unstitched Collection". The aim was to create an appealing landing page that showcases men’s and women’s ethnic wear using modern design aesthetics and functional components for an e-commerce platform. The design includes a responsive navigation bar, product slider, and category-wise layout, making it user-friendly and visually attractive.
view project
Airbnb-clone
This class project showcases an apartment listing interface inspired by Airbnb. The goal was to create a responsive, interactive layout for users to explore popular homes in Islamabad. The project features dynamic property cards, guest ratings, prices, and favorite toggles. It simulates real-world rental booking UI functionality using clean design, grid layout, and interactive elements.
view project
Positivus
This landing page project was developed during the Saylani Hikathon. It represents a digital marketing agency called Positivus, designed to help businesses grow online through SEO, PPC, social media marketing, and content creation. The layout follows a minimalist design with bold typography, clear structure, and strong CTA buttons to improve conversion and usability.
Category - Web Application
Lorem ipsum dolor, sit Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem perferendis corporis culpa! amet consectetur adipisicing elit. Hic doloribus labore assumenda nostrum commodi. Officia. Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt.
