Skip to content

kushvr7/Weather-rep

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

LINK : https://kushvr7.github.io/test/ ( to check the web app on your device )

Build project is stored in the repository " test " .

This project was bootstrapped with Create React App.

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
One can also view the app in the smartphone using address : 192.168.43.45:3000

The page will reload if you make edits.
You will also see any lint errors in the console.

RADIUM PACKAGE

Command to install : npm install --save radium


This is the project developed over javascript library i.e. " REACT js "

The web app is used to know some information about the city you searched for , some of them are the following :

Current Temperature
Current Wind-Speed
Latitude
Longitute

This is fully developed using REACT js . Every part of the web app is divided into components . There are 3 components used in the Project i.e. whole app is divide into 3 components .

API is used to fetch the data from the server using http react request . Data is then analysed and the data are filtered from the received jason data . The are then targeted and the STATE are changed of the variables .

THE WHOLE PROJECT DEVELOPED ON FUNCTION COMPONENT .

Different PACKAGE and hooks use are :

REACT HOOKS

like : {useState} , {setState} , {useEffect}

RADIUM PACKAGE

for inline styling of the components & allow sudo selectors to run in inline styling



Screenshot - LAPTOP

pc1

After Providing the input i.e. City Name

pc2

Screenshot - SMARTPHONE

mob2



After providing the input i.e. City Name

mob1