Skip to content

HARSHAVINJAMURI/Temperature-Converter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Temperature Converter Web Application 🌡️

A simple web-based application that allows users to seamlessly convert temperatures between Celsius, Fahrenheit, and Kelvin.

Table of Contents 📑


Overview

This project is a user-friendly temperature converter that helps users easily convert between three units of temperature:

  1. Celsius
  2. Fahrenheit
  3. Kelvin

The application is built using HTML, CSS, and JavaScript, and it runs directly in any web browser without requiring any backend server.


Features

  • Supports bi-directional conversion between Celsius, Fahrenheit, and Kelvin.
  • Provides real-time temperature updates as values are entered.
  • Clean, responsive, and visually appealing user interface.
  • Works offline as a standalone web application.
  • Includes a marquee footer with a personalized message.

Tech Stack

  • Frontend: HTML5, CSS3, JavaScript (Vanilla JS)
  • Styling: Custom CSS with linear gradients and flexbox-based layout
  • Icons: Favicon support (temperature.ico)

Installation

To use this application locally:

  1. Clone the repository to your local machine:
    git clone <repository-url>

2.Navigate to the project folder:

   cd temperature-converter
  • Open the index.html file in any modern web browser (e.g., Chrome, Firefox, Edge).

Usage

  • Open the index.html file in your web browser.
  • Enter the temperature value in any of the input boxes (Celsius, Fahrenheit, Kelvin).
  • The other fields will automatically update with the converted temperature values.
  • Enjoy quick and seamless temperature conversions.

Screenshots

  • Homepage
  • Conversion Example

Code and Resources Used

  • HTML/CSS/JavaScript for the core functionality and UI.
  • Linear gradient backgrounds for modern styling.
  • Favicon Generator to create the temperature icon.

Requirements

  • No external dependencies are required. However, for best results:
  • Use any modern browser that supports HTML5, CSS3, and ES6 JavaScript.

Directory Structure

temperature-converter/

  • ├── index.html # Main HTML file
  • ├── temp.css # CSS styling file
  • ├── temp.js # JavaScript logic file
  • ├── temperature.ico # Favicon file

Author

Harsha Vinjamuri ❤️

  • Temperature Conversion Application developed with love.

Changes Made:

  • Indented the "Navigate to the project folder" and "Clone the repository" commands into proper code blocks with ```bash for better readability.

Let me know if this works better!