https://github.com/jagroop2001/temperature-conversion

Temperature Conversion React Web App
https://github.com/jagroop2001/temperature-conversion

api bootstrap css html javascript jsx reactjs reactstrap

Last synced: 10 days ago
JSON representation

Temperature Conversion React Web App

• Host: GitHub
• URL: https://github.com/jagroop2001/temperature-conversion
• Owner: Jagroop2001
• Created: 2022-04-18T12:43:02.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-04-20T16:09:03.000Z (over 2 years ago)
• Last Synced: 2024-04-23T06:19:51.792Z (9 months ago)
• Topics: api, bootstrap, css, html, javascript, jsx, reactjs, reactstrap
• Language: JavaScript
• Homepage: https://timely-flan-114f94.netlify.app
• Size: 349 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Temperature Conversion Web App

This project is a  Single Page Application for Temperature Conversion. It takes the temperature in Celcius as input, converts it to Farenheit,and vice-versa and displays the result as the ouput. 

### Below features are added in this Single Page Application :

1) Dark-Light Mode Switcher using ContextAPI which make dark and light mode Globally and one can use this to switch from Dark to Light Mode and vice-versa.

2) Responsiveness is implemented using  Bootstrap , React-strap  . So due to  this Single Page Application can't distorted when we reduce the screen size manually using pointer.

3) One can choose Temperature Unit (Celcius and Farenhiet) and convert it into (Farenhiet and Celcius).

4) A Small Section is added which provide some knowledge of temperature.

5) A feature is added which take User's current location and convert and provide following result :

   - Latitude and Longitude

   - Current Location and Country

   - Temperature in Kelvin 

   - Status of Temperature 

 

 ### Technology Used :

 - HTML

 - CSS

 - Bootstrap

 - ReactJs

 - ReactStrap

 - NPM Packages

 - ContextAPI

### NPM Packages Used :

 - npm install react-bootstrap bootstrap

 - npm install --save font-awesome

 - npm install react-geolocated --save

### API Implementation 

 - Here i also used third party API which will takes Latitude and Longitude as Input and Provide Weather Data as Resposne . From that data i used Temperature in Kelvin , Current Location and City , Status of Weather on the basis of Temperature.Below i add the link for reference :

 https://openweathermap.org/api

 

### Live Preview 

https://timely-flan-114f94.netlify.app/

### NOTE : Please allow Geolocation Permission while using this.