diff --git a/.github/workflows/azure-static-web-apps-ashy-field-0d836b91e.yml b/.github/workflows/azure-static-web-apps-ashy-field-0d836b91e.yml
new file mode 100644
index 0000000..57907de
--- /dev/null
+++ b/.github/workflows/azure-static-web-apps-ashy-field-0d836b91e.yml
@@ -0,0 +1,58 @@
+name: Azure Static Web Apps CI/CD
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    types: [opened, synchronize, reopened, closed]
+    branches:
+      - main
+
+jobs:
+  build_and_deploy_job:
+    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')
+    runs-on: ubuntu-latest
+    name: Build and Deploy Job
+    permissions:
+       id-token: write
+       contents: read
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          submodules: true
+          lfs: false
+      - name: Install OIDC Client from Core Package
+        run: npm install @actions/core@1.6.0 @actions/http-client
+      - name: Get Id Token
+        uses: actions/github-script@v6
+        id: idtoken
+        with:
+           script: |
+               const coredemo = require('@actions/core')
+               return await coredemo.getIDToken()
+           result-encoding: string
+      - name: Build And Deploy
+        id: builddeploy
+        uses: Azure/static-web-apps-deploy@v1
+        with:
+          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_ASHY_FIELD_0D836B91E }}
+          action: "upload"
+          ###### Repository/Build Configurations - These values can be configured to match your app requirements. ######
+          # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
+          app_location: "/" # App source code path
+          api_location: "" # Api source code path - optional
+          output_location: "build" # Built app content directory - optional
+          github_id_token: ${{ steps.idtoken.outputs.result }}
+          ###### End of Repository/Build Configurations ######
+
+  close_pull_request_job:
+    if: github.event_name == 'pull_request' && github.event.action == 'closed'
+    runs-on: ubuntu-latest
+    name: Close Pull Request Job
+    steps:
+      - name: Close Pull Request
+        id: closepullrequest
+        uses: Azure/static-web-apps-deploy@v1
+        with:
+          action: "close"
diff --git a/README.md b/README.md
index f768e33..856b67b 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,55 @@
-# React + Vite
+Otaku-Haven 🎌
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+Welcome to Otaku Haven, your one-stop platform for all things anime,manga movies and tvshows! This project is designed to provide a seamless and engaging experience for anime enthusiasts, featuring community-driven content, personalized recommendations, and much more.
 
-Currently, two official plugins are available:
+🌐 Live Demo  
+Check out the live version of Otaku Haven: [Otaku Haven](https://otaku-haven-alpha.vercel.app)
+
+🚀 Features  
+
+- Anime & Manga
+- Movies & TVShows with Trendings and platforms  
+- Responsive Design: Accessible on all devices, from desktops to smartphones.
+
+🛠️ Tech Stack  
+
+- Frontend: React.js    
+- Styling: Tailwind CSS  
+- Deployment: Vercel  
+
+📦 Installation  
+
+Follow these steps to set up the project locally:
+
+1. Clone the repository:
+   ```bash
+   git clone https://github.com/4adil-27/OtakuHaven.git
+   ```
+
+2. Navigate to the project directory:
+   ```bash
+   cd OtakuHaven
+   ```
+
+3. Install dependencies:
+   ```bash
+   npm install
+   ```
+
+4. Start the development server:
+   ```bash
+   npm start
+   ```
+
+5. Open your browser and go to `http://localhost:3000`.
+
+## 🤝 Contributing  
+
+Contributions are welcome! If you have ideas for new features or improvements, feel free to open an issue or submit a pull request.  
+
+1. Fork the repository  
+2. Create a new branch (`git checkout -b feature-branch`)  
+3. Commit your changes (`git commit -m 'Add feature'`)  
+4. Push to the branch (`git push origin feature-branch`)  
+5. Open a pull request  
 
-- [@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