diff --git a/.env b/.env
new file mode 100644
index 0000000..d24e4f9
--- /dev/null
+++ b/.env
@@ -0,0 +1 @@
+VITE_API_KEY=650ad8fb3c6e4ecab3190253232706
\ No newline at end of file
diff --git a/README.md b/README.md
index f768e33..a4113aa 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,5 @@
-# React + Vite
+# Weather App React + Vite ==> Azure
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+- [Visit site here ](https://jolly-bush-09eb13f00.5.azurestaticapps.net/) 
+- [Weatherapi ](https://www.weatherapi.com/) 
+- [Documentation Followed](https://vitejs.dev/guide/static-deploy.html#azure-static-web-apps) 
diff --git a/src/App.jsx b/src/App.jsx
index 531f379..8bfe166 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -14,7 +14,9 @@ function App() {
   useEffect(() => {
     //fetch the data from API endpoint
     fetch(
-      `https://api.weatherapi.com/v1/current.json?key=650ad8fb3c6e4ecab3190253232706&q=${currentCity}&aqi=no`
+      `https://api.weatherapi.com/v1/current.json?key=${
+        import.meta.env.VITE_API_KEY
+      }&q=${currentCity}&aqi=no`
     )
       .then((res) => res.json())
       .then((result) => {