Welcome to my web development portfolio repository!
This repo contains all the projects I’ve built during my journey learning web development. Each project highlights different skills and technologies I’ve worked with.
Explore the list below to see live demos, code, and tools used.
- 1. Recipe Page
- 2. Result Summary Page
- 3. Product Preview Page
- 4. NFT Preview Card
- 5. Social Links Profile
- 6. Quote Generator
- 7. FAQ - accordion
- 8. Interactive rating component
- 9. Article preview component
- 10. Counter
Description:
A clean and visually appealing recipe webpage that displays detailed ingredients and cooking instructions. It’s designed with a responsive layout for easy viewing on different devices, featuring organized sections and user-friendly navigation.
🔧 Technologies Used:
HTML5, CSS3
Description:
An interactive result summary dashboard that visually presents user scores and performance metrics. Designed with HTML5 and styled using CSS3, leveraging Flexbox for responsive layout and clean alignment. JavaScript adds dynamic features such as score animations and conditional styling based on performance.
🔧 Technologies Used:
HTML5, CSS3, JavaScript
Description:
A sleek and modern product preview card showcasing product images, details, and pricing. Subtle hover effects and transitions are implemented with CSS animations to enhance user interaction.
🔧 Technologies Used:
HTML5, CSS3
Description:
A stylish NFT preview card designed to showcase digital artwork with essential details like title, creator, and pricing. Includes interactive hover effects and subtle animations using CSS transitions for an engaging user experience.
🔧 Technologies Used:
HTML5, CSS3
Description:
A clean and minimalistic profile page displaying social media links with icons and interactive hover effects. The project includes smooth hover animations and color transitions purely with CSS to enhance user interaction.
🔧 Technologies Used:
HTML5, CSS3
Description:
This simple yet elegant web app displays motivational quotes from famous personalities with the click of a button. Built using HTML, CSS, and JavaScript. Whether you're starting your day or need a boost of inspiration, just click "New Quote" and let words of wisdom guide you!
🔧 Technologies Used:
HTML5, CSS3, JavaScript
Description:
An interactive and responsive FAQ Accordion component that allows users to expand and collapse questions to view the corresponding answers. This project emphasizes clean layout, accessible HTML structure, and smooth transitions using CSS and JavaScript.
🔧 Technologies Used:
HTML5, CSS3, JavaScript
Description:
A sleek and responsive rating component that allows users to select a score from 1 to 5 and submit their feedback. The selected rating is visually highlighted, and upon submission, a thank-you message is displayed showing the selected rating.
🔧 Technologies Used:
HTML5, CSS3, JavaScript
Description:
A clean and responsive article preview card that includes user information, article title, description, and an interactive share button that displays social media icons on hover. This project focuses on modern layout techniques using Flexbox and enhances user experience with subtle UI interactions.
🔧 Technologies Used:
HTML5, CSS3, JavaScript
Description:
A simple yet elegant counter web app that allows users to increase, decrease, or reset a numerical values. The counter’s color dynamically changes — turning green for positive, red for negative, and blue for neutral values. Designed with a clean layout, hover animations, and responsive styling for an engaging user experience.
🔧 Technologies Used:
HTML5, CSS3, JavaScript