A brief description of what this project does and who it's for
#Live Link https://docsumo-app.netlify.app/
Clone the project
git clone https://github.com/dhananjayjaiswal16/docsumo-app.git
Go to the project directory
cd docsumo-app
Install dependencies
npm install
Start the server on localhost:3000
npm start
- Search for any city
- City gets added below the search bar
- Click on any of the city to view its live weather data
- Built using React hooks
- Uses SASS for styling
- Responsive
- Uses openweathermap api for fetching real time data
-
src/components/: Has all the components jsx files used across this project
- Details: Components which displays basic weather data on CityWeather UI
- Forecast: Components which shows forecast of next four days
- Spinner: Component which is displayed when data is fetching (loader)
- SunriseSunset: Component which shows sunrise and sunset data
-
src/pages/: Has all the pages which is shown based on url
- CityWeather: Component which displays weather data of the selected city
- Error404: Page which is shown when no relevant data is found from the API result
- MainPage: Home screen of the application where we can search for a particular city
-
scss/: Has all stylesheets for designing various components and pages
-
services/: Has api.js file which is responsible for making all api requests