https://github.com/khelsai01/kraftshala_weather

The weather app helps get the weather details of the current place and another place worldwide. Whenever we plan to trip or travel, we check the weather first of that place
https://github.com/khelsai01/kraftshala_weather

github reactjs tailwindcss vercel

Last synced: 8 days ago
JSON representation

The weather app helps get the weather details of the current place and another place worldwide. Whenever we plan to trip or travel, we check the weather first of that place

• Host: GitHub
• URL: https://github.com/khelsai01/kraftshala_weather
• Owner: khelsai01
• Created: 2024-06-11T13:28:56.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2024-06-12T14:40:18.000Z (5 months ago)
• Last Synced: 2024-06-13T02:12:08.786Z (5 months ago)
• Topics: github, reactjs, tailwindcss, vercel
• Language: JavaScript
• Homepage: https://kraftshala-weather.vercel.app
• Size: 254 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Kraftshala Weather app

``

The weather app helps get the weather details of the current place and another place worldwide. Whenever we plan to trip or travel, we check the weather first of that place.

``

## Deployed Link

 [https://kraftshala-weather.vercel.app](https://kraftshala-weather.vercel.app)

 ## Presentation Video 

[![Watch the video](https://github.com/khelsai01/kraftshala_weather/assets/119441119/650753f6-507e-4f26-821a-6859e29c6447)](https://drive.google.com/file/d/1XjLxqwNPE6oUixCheKgC0d8xvWF4Z2U7/view?usp=sharing)

## Tech Stach use

1. Reactjs

2. Tailwind CSS

3. Github

4. Vercel

4. npm package

## Screenshot of responsive website

***Large screen View***

![desktop](https://github.com/khelsai01/kraftshala_weather/assets/119441119/650753f6-507e-4f26-821a-6859e29c6447)

***Medium screen View***

![tablet](https://github.com/khelsai01/kraftshala_weather/assets/119441119/c79af857-caac-4578-a047-f11e6a66191b)

***Small screen View***

![mobile1](https://github.com/khelsai01/kraftshala_weather/assets/119441119/e3cb066d-16ba-4354-8e44-17d4242ded46)

![mobile2](https://github.com/khelsai01/kraftshala_weather/assets/119441119/cd7d38f7-117a-46eb-a284-8e26bd6cf45b)

## Local run by open terminal

1. Clone the repository 

`https://github.com/khelsai01/kraftshala_weather.git`

2. Move to folder

  `cd kraftshala_weather`

3. Install packages

  `npm Install`

4. Run the the code

   `npm run dev`