Frontend Projects Showcase

Description

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.

Projects Included

1. Stopwatch Timer Application

   • Description: A functional stopwatch with start, stop, reset, and lap functionalities.
   • Files: index.html, style.css, script.js
   • Folder: stopwatch-timer

2. 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

3. Poll System Application

   • Description: A system for creating and managing polls.
   • Files: index.html, style.css, script.js
   • Folder: poll-system

4. Random Password Application

   • Description: Generates random passwords based on user-specified criteria.
   • Files: index.html, style.css, script.js
   • Folder: random-password

5. Cash Calculator Application

   • Description: A calculator for managing cash transactions.
   • Files: index.html, style.css, script.js
   • Folder: cash-calculator

6. Random HEX Color Generator Application

   • Description: Generates random HEX color codes.
   • Files: index.html, style.css, script.js
   • Folder: hex-color-generator

7. Note Taking Application

   • Description: A simple app for taking and managing notes.
   • Files: index.html, style.css, script.js
   • Folder: note-taking

8. Dictionary Application

   • Description: Provides definitions for user-inputted words.
   • Files: index.html, style.css, script.js
   • Folder: dictionary

9. Text Animation Project

   • Description: Demonstrates various text animations.
   • Files: index.html, style.css, script.js
   • Folder: text-animation

10. 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

11. Paragraph Generator Project

    • Description: Generates random paragraphs for testing and demo purposes.
    • Files: index.html, style.css, script.js
    • Folder: paragraph-generator

12. Loan Calculator Application

    • Description: Calculates loan payments based on user input.
    • Files: index.html, style.css, script.js
    • Folder: loan-calculator

13. Tip Calculator Application

    • Description: Calculates tips based on bill amount and tip percentage.
    • Files: index.html, style.css, script.js
    • Folder: tip-calculator

14. Digital Clock Project

    • Description: Displays a real-time digital clock.
    • Files: index.html, style.css, script.js
    • Folder: digital-clock

15. Expense Tracker Application

    • Description: Tracks and manages expenses.
    • Files: index.html, style.css, script.js
    • Folder: expense-tracker

16. Fixed Deposit Calculator Application

    • Description: Calculates returns on fixed deposits.
    • Files: index.html, style.css, script.js
    • Folder: fixed-deposit-calculator

17. Simple To-Do List Project

    • Description: Manages a list of tasks.
    • Files: index.html, style.css, script.js
    • Folder: to-do-list

18. BMI Calculator Application

    • Description: Calculates Body Mass Index (BMI) based on user input.
    • Files: index.html, style.css, script.js
    • Folder: bmi-calculator

19. Date and Time Widget

    • Description: Displays the current date and time.
    • Files: index.html, style.css, script.js
    • Folder: date-time-widget

20. Advanced Age Calculator Application

    • Description: Calculates age in years, months, and days.
    • Files: index.html, style.css, script.js
    • Folder: age-calculator

21. WWE Slider

    • Description: Displays various videos from Summerslam weekend with a slider.
    • Files: index.html, style.css, script.js
    • Folder: WWE-slider

22. 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