This repository contains a collection of projects built using HTML, CSS, and JavaScript. Each project showcases different aspects of web development, including UI design, interactivity, and responsive design. Below is a detailed description of each project.
- SurveyFrom-tailwind
- blogplatform-tailwind
- card-animation
- contactForm
- countdown-timer
- daisyDelight-tailwind
- digitalClock
- netflix-clone
- product-comparison
- qrCode-generator
- Wikipedia
A multi-step survey form designed with Tailwind CSS. This project includes functionality to reset and restart the survey, enhancing user experience. The form is fully responsive and showcases the use of Tailwind CSS for form styling and layout.
Features:
- Multi-step form navigation
- Reset and restart functionality
- Tailwind CSS for styling
A simple blog platform built with Tailwind CSS. The project focuses on responsive design and minimalistic UI.
Features:
- Responsive blog layout
- Tailwind CSS for styling
This project demonstrates animated cards using CSS. The animations are smooth and provide a visually appealing user experience.
Features:
- Animated card UI
- CSS-based animations
- Customizable description text color
A basic contact form created using HTML and CSS. The project includes form validation and responsive design.
Features:
- Responsive contact form
- Basic form validation
- Clean codebase
A countdown timer built with HTML, CSS, and JavaScript. This project implements a simple timer functionality that counts down to a specific date or time.
Features:
- Countdown timer functionality
- Customizable target time/date
- Responsive design
A UI project styled with Tailwind CSS, focusing on a delightful and user-friendly design.
Features:
- Tailwind CSS for styling
- User-friendly design
Demo: Live Demo
A digital clock created using HTML, CSS, and JavaScript.
Features:
- Real-time digital clock
- Customizable appearance
- Responsive design
A basic clone of the Netflix homepage using HTML, CSS, and JavaScript. The project focuses on replicating the layout and design of the Netflix UI.
Features:
- Netflix-like UI design
- Responsive layout
Demo: Live Demo
A product comparison feature with a responsive design using Tailwind CSS. This project allows users to compare different products side by side, with a focus on responsive design for various devices.
Features:
- Product comparison layout
- Responsive design
- Tailwind CSS for styling
A QR code generator built with HTML, CSS, and JavaScript.
Features:
- QR code generation functionality
- Customizable input field
- Responsive design
This project enhances the Wikipedia search functionality with improved styling. The search feature is implemented using HTML, CSS, and JavaScript, with updates to styling for a more user-friendly experience.
Features:
- Wikipedia search functionality
- Enhanced UI styling
- Responsive design
Each project in this repository demonstrates different techniques and approaches to web development, with a focus on responsive design, interactivity, and user experience. Feel free to explore the projects and use them as references or inspiration for your own web development endeavors.