Skip to content

Varma0604/WebDevProjs

Repository files navigation

Web Development Projects

This repository contains various web development projects that showcase different skills in HTML, CSS, JavaScript, and web-based applications. Each project is built with a focus on specific web development concepts and features.

Projects Overview

1. BMI Calculator

  • Description: A BMI (Body Mass Index) calculator that takes a user's height and weight to calculate their BMI.
  • Technologies: HTML, CSS, JavaScript
  • Latest Commit: Added BMI calculator project with HTML, CSS, and JS files.

2. Calculator

  • Description: A basic calculator that can perform arithmetic operations like addition, subtraction, multiplication, and division.
  • Technologies: HTML, CSS, JavaScript
  • Latest Commit: Initial commit.

3. Color Guesser

  • Description: A game where users must guess the correct color based on its RGB value.
  • Technologies: HTML, CSS, JavaScript
  • Latest Commit: Added files via upload.

4. Expense Tracker

  • Description: A simple expense tracker to help users monitor their expenses and budget.
  • Technologies: HTML, CSS, JavaScript
  • Latest Commit: Initial commit.

5. Image Slider

  • Description: An image slider that automatically transitions through a set of images.
  • Technologies: HTML, CSS, JavaScript
  • Latest Commit: Initial commit.

6. Memory Card Game

  • Description: A memory card matching game where players try to match pairs of cards.
  • Technologies: HTML, CSS, JavaScript
  • Latest Commit: Initial commit.

7. Photo Gallery

  • Description: A dynamic photo gallery that allows users to browse through different images.
  • Technologies: HTML, CSS, JavaScript
  • Latest Commit: Initial commit.

8. Pomodoro Clock

  • Description: A Pomodoro timer that helps users manage their time by using the Pomodoro technique (25-minute work intervals followed by short breaks).
  • Technologies: HTML, CSS, JavaScript
  • Latest Commit: Initial commit.

9. QR Code Generator

  • Description: A QR code generator where users can input text or URLs and generate a corresponding QR code.
  • Technologies: HTML, CSS, JavaScript
  • Latest Commit: Added files via upload.

10. Tic-Tac-Toe

  • Description: A classic two-player Tic-Tac-Toe game with an altered CSS layout for a clean look.
  • Technologies: HTML, CSS, JavaScript
  • Latest Commit: CSS altered for a clear look.

11. URL Shortener

  • Description: A simple URL shortener where users can input long URLs and receive shortened versions.
  • Technologies: HTML, CSS, JavaScript
  • Latest Commit: Initial commit.

12. Weather App

  • Description: A weather application that fetches weather data based on a user's input location.
  • Technologies: HTML, CSS, JavaScript, OpenWeather API
  • Latest Commit: Initial commit.

13. Age Calculator

  • Description: An age calculator that calculates a user’s age based on their date of birth.
  • Technologies: HTML, CSS, JavaScript
  • Latest Commit: Initial commit.

14. Countdown Timer

  • Description: A countdown timer where users can input a time, and the app will count down to zero.
  • Technologies: HTML, CSS, JavaScript
  • Latest Commit: Initial commit.

15. Interactive Infographic

  • Description: An interactive infographic where users can hover over different elements to get more information.
  • Technologies: HTML, CSS, JavaScript
  • Latest Commit: Initial commit.

16. To-Do List

  • Description: A basic to-do list where users can add, mark as completed, and delete tasks.
  • Technologies: HTML, CSS, JavaScript
  • Latest Commit: Initial commit.

Technologies Used Across Projects

  • HTML5: For structuring the web pages.
  • CSS3: For styling and layout.
  • JavaScript: For interactivity and dynamic behavior.
  • APIs: Used in some projects like the Weather App.

Installation & Setup

To use any of the projects locally:

  1. Clone the repository:

    git clone https://github.com/your-username/your-repo-name.git
  2. Navigate to the project folder and open the index.html file in your browser to run the application:

    open index.html

No additional installation is required for the basic functionality.

Contribution

Contributions to improve the projects or fix any bugs are welcome. Please fork the repository and open a pull request with a clear explanation of the changes.

License

This repository is licensed under the MIT License. Feel free to use the code for educational purposes and personal projects.

Contact

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published