This repository contains a collection of frontend projects demonstrating proficiency in HTML, CSS, and JavaScript. Each project is designed to highlight different aspects of frontend development, from basic structure and styling to complex functionality. These projects are ideal for learning and showcasing frontend development skills.
-
Stopwatch Timer Application
- Description: A functional stopwatch with start, stop, reset, and lap functionalities.
- Files:
index.html
,style.css
,script.js
- Folder:
stopwatch-timer
-
Vowel Counter Application
- Description: A tool that counts the number of vowels in a given input.
- Files:
index.html
,style.css
,script.js
- Folder:
vowel-counter
-
Poll System Application
- Description: A system for creating and managing polls.
- Files:
index.html
,style.css
,script.js
- Folder:
poll-system
-
Random Password Application
- Description: Generates random passwords based on user-specified criteria.
- Files:
index.html
,style.css
,script.js
- Folder:
random-password
-
Cash Calculator Application
- Description: A calculator for managing cash transactions.
- Files:
index.html
,style.css
,script.js
- Folder:
cash-calculator
-
Random HEX Color Generator Application
- Description: Generates random HEX color codes.
- Files:
index.html
,style.css
,script.js
- Folder:
hex-color-generator
-
Note Taking Application
- Description: A simple app for taking and managing notes.
- Files:
index.html
,style.css
,script.js
- Folder:
note-taking
-
Dictionary Application
- Description: Provides definitions for user-inputted words.
- Files:
index.html
,style.css
,script.js
- Folder:
dictionary
-
Text Animation Project
- Description: Demonstrates various text animations.
- Files:
index.html
,style.css
,script.js
- Folder:
text-animation
-
Mouse Wheel Zoom-In-Out Application
- Description: Zooms in and out of an element using the mouse wheel.
- Files:
index.html
,style.css
,script.js
- Folder:
mouse-wheel-zoom
-
Paragraph Generator Project
- Description: Generates random paragraphs for testing and demo purposes.
- Files:
index.html
,style.css
,script.js
- Folder:
paragraph-generator
-
Loan Calculator Application
- Description: Calculates loan payments based on user input.
- Files:
index.html
,style.css
,script.js
- Folder:
loan-calculator
-
Tip Calculator Application
- Description: Calculates tips based on bill amount and tip percentage.
- Files:
index.html
,style.css
,script.js
- Folder:
tip-calculator
-
Digital Clock Project
- Description: Displays a real-time digital clock.
- Files:
index.html
,style.css
,script.js
- Folder:
digital-clock
-
Expense Tracker Application
- Description: Tracks and manages expenses.
- Files:
index.html
,style.css
,script.js
- Folder:
expense-tracker
-
Fixed Deposit Calculator Application
- Description: Calculates returns on fixed deposits.
- Files:
index.html
,style.css
,script.js
- Folder:
fixed-deposit-calculator
-
Simple To-Do List Project
- Description: Manages a list of tasks.
- Files:
index.html
,style.css
,script.js
- Folder:
to-do-list
-
BMI Calculator Application
- Description: Calculates Body Mass Index (BMI) based on user input.
- Files:
index.html
,style.css
,script.js
- Folder:
bmi-calculator
-
Date and Time Widget
- Description: Displays the current date and time.
- Files:
index.html
,style.css
,script.js
- Folder:
date-time-widget
-
Advanced Age Calculator Application
- Description: Calculates age in years, months, and days.
- Files:
index.html
,style.css
,script.js
- Folder:
age-calculator
-
WWE Slider
- Description: Displays various videos from Summerslam weekend with a slider.
- Files:
index.html
,style.css
,script.js
- Folder:
WWE-slider
-
Weather App
- Description: A weather application that uses the weather API to display current weather conditions.
- Files:
index.html
,style.css
,script.js
- Folder:
Weather-app