My Projects
Project 1: Portfolio Website
Overview:
A personal portfolio website showcasing my skills, education, and projects. Built with HTML and CSS, it demonstrates responsive design, clean UI, and effective content presentation.
Key Features:
- Responsive layout for desktop, tablet, and mobile.
- Navigation bar linking to Home, About, Projects, and Contact.
- Projects section with images, descriptions, and GitHub/live links.
- Interactive hover effects and consistent professional design.
Challenges & Learning:
- Creating a fully responsive, minimal, and readable layout.
- Strengthened HTML/CSS skills and UI/UX design understanding.
Project 2: Amazon Clone
Overview:
A fully responsive static clone of the Amazon homepage built with HTML and CSS. The project replicates the layout, navigation, and product grid of the original site to demonstrate front-end development skills.
Key Features:
- Responsive header with navigation bar and search bar.
- Product categories, deals, and grid layout similar to Amazon.
- Footer with multiple columns of links and branding.
- Hover effects on buttons and product cards for interactivity.
Challenges & Learning:
- Recreating complex layouts without JavaScript.
- Learned advanced CSS techniques including Flexbox, Grid, and responsive design.
Project 3: BMI Calculator
Overview:
A simple and responsive BMI (Body Mass Index) calculator built using HTML, CSS, and JavaScript. It allows users to input their height and weight to instantly calculate their BMI and determine their health category.
Key Features:
- Interactive user input for height and weight.
- Real-time BMI calculation and health category display.
- Clear and concise user interface with visual feedback.
- Improved JavaScript skills for dynamic content updates.
Challenges & Learning:
- Creating a fully responsive, minimal, and readable layout.
- Strengthened HTML/CSS skills and UI/UX design understanding.