Update README.md

README.md

@@ -1,2 +1,51 @@
 # WeatherWhiz
 Web application that provides providing fast and accurate weather information about weather forecasting.
+![image](https://github.com/Aditijainnn/WeatherWhiz/assets/144632601/b8994672-aae0-4a52-b7c7-763292ce13ff)
+
+<div align="center">
+  <h1 style="font-size: 36px; font-weight: bold;">WeatherWhiz</h1>
+
+</div>
+
+<!-- Tech stack -->
+<div>
+<h2><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/High%20Voltage.png" alt="High Voltage" width="35" height="35" />Tech Stack</h2>
+</div>
+
+<div>
+<a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML"><img src="https://img.shields.io/badge/HTML-E34F26.svg?style=for-the-badge&logo=HTML&logoColor=white"></a>
+<a href="https://developer.mozilla.org/en-US/docs/Web/CSS"><img src="https://img.shields.io/badge/CSS-1572B6.svg?style=for-the-badge&logo=CSS&logoColor=black"></a>
+<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript"><img src="https://img.shields.io/badge/JavaScript-F7DF1E.svg?style=for-the-badge&logo=JavaScript&logoColor=black"></a>
+</div>
+
+<!-- Lets get started -->
+<div>
+<h2><img src = "https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/Rocket.png" width="35" height="35"> Let's Get Started</h2>
+</div>
+
+<p>Welcome to the WeatherWhiz!</p>
+
+1. **Clone the repository:** After forking, clone the repository to your local machine using the following command in your terminal:
+
+   ```bash
+   git clone https://github.com/<your-github-username>/WeatherWhiz.git
+   ```
+
+2. **How to run this**:
+```bash
+   In vs code after cloning this repo in extension install live server preview and then run it with live server. 
+   ```
+
+### About WeatherWhiz
+WeatherWhiz is a web application that provides real-time weather conditions, including temperature, wind speed, and weather descriptions, for any entered location or city. It offers users a quick and convenient way to stay informed about the weather.⭐️
+
+
+
+
+
+<!-- Screenshots -->
+  <div>
+    <h2><img src = "https://github.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/blob/master/Emojis/Objects/Camera.png?raw=true" width="35" height ="35"> Snapshots</h2>
+  </div>
+
+