This repository contains a collection of simple yet functional web projects built using only HTML, CSS, and JavaScript. The projects are designed to demonstrate core web development skills and provide practical tools for everyday tasks.

Overview

This project consists of four interactive web pages:

1. A productivity-focused Pomodoro Timer.
2. A design tool for generating CSS box shadows.
3. A Library Page that integrates with the OpenLibrary API to fetch and display book data.
4. An Expense Tracker for managing and calculating daily expenses.

Projects

1. Pomodoro Timer

A simple Pomodoro Timer that helps you manage work and break intervals.

• Start, pause, and reset timer functionality

2. CSS Box Shadow Generator

A handy tool for front-end developers to generate CSS box shadow properties effortlessly.

• Adjustable shadow parameters including horizontal offset, vertical offset, blur radius, and shadow color
• Copy the generated CSS code

3. Library Page

Fetch books from the OpenLibrary API and add them to your virtual library.

• Search for books using titles or keywords
• Add selected books to your library list

4. Expense Tracker and Calculator

A simple tool for tracking expenses and calculating totals.

• Add and remove expenses dynamically
• Calculate and display the total expenses

Installation and Usage

1. Clone the repository:

git clone https://github.com/your-username/your-repo-name.git

2. Navigate to the project directory:

cd your-repo-name

3. Open index.html in your browser to access the homepage and navigate to different projects.

Technologies Used

• HTML
• CSS
• JavaScript