Merge branch 'SumitPanda03:master' into master

.github/workflows/azure-static-web-apps-blue-bush-002442000.yml

@@ -0,0 +1,46 @@
+name: Azure Static Web Apps CI/CD
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    types: [opened, synchronize, reopened, closed]
+    branches:
+      - master
+
+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
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          submodules: true
+          lfs: false
+      - 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_BLUE_BUSH_002442000 }}
+          repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
+          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: "/client" # App source code path
+          api_location: "" # Api source code path - optional
+          output_location: "dist" # Built app content directory - optional
+          ###### 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:
+          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_BLUE_BUSH_002442000 }}
+          action: "close"

README.md

@@ -4,7 +4,7 @@
 <a href="https://github.com/rks-031/" style="text-decoration: none;">`Rajnish Kumar Singh`</a> <br/>
 <a href="https://github.com/kundu-baivab" style="text-decoration: none;">`Baivab Kundu`</a> <br/>
 
-Website Link: Loading...
+Website Link: https://mlsa-iiitbh.vercel.app
 <br/>
 <br/>
 
@@ -16,5 +16,4 @@ MLSA IIIT Chapter opens doors to a vibrant community of like-minded individuals,
   <li>FrontEnd: Vite + ReactJS </li>
   <li>Backend: Node.js, Express.js </li>
   <li>Database: MongoDB, Amazon AWS </li>
-  <li>Hosted On: .onrender</li>
 </ul>

client/package.json

@@ -14,14 +14,17 @@
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "@vercel/analytics": "^1.1.2",
+    "@vercel/speed-insights": "^1.0.7",
     "axios": "^1.5.1",
+    "bootstrap": "^5.3.2",
     "cors": "^2.8.5",
     "dotenv": "^16.3.1",
     "jsonwebtoken": "^9.0.2",
     "lottie-react": "^2.4.0",
     "nodemon": "^3.0.1",
     "react": "^18.2.0",
-    "react-bootstrap": "^2.9.1",
+    "react-bootstrap": "^2.10.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.11.0",
     "react-lottie": "^1.2.4",

client/src/App.jsx

@@ -10,6 +10,7 @@ import { BrowserRouter, Routes, Route } from "react-router-dom";
 // import Opening from "./pages/Opening.js";
 // import Upload from "./pages/Upload.js";
 import { AuthWrapper } from "./auth/AuthWrapper.jsx";
+import { SpeedInsights } from "@vercel/speed-insights/react"
 
 function App() {
   return (
@@ -26,6 +27,10 @@ function App() {
         </Routes> */}
         <AuthWrapper/>
       </BrowserRouter>
+      <SpeedInsights />
+
+
+
     </div>
   );
 }

client/src/CSS_files/Application.css

@@ -90,6 +90,10 @@ background: radial-gradient(circle, #457b9d 35%, rgb(1, 1, 2) 99%, rgb(55, 152,
     .typed-content {
         font-size: 16px;
     }
+    .btns{
+        margin: auto;
+        width: 70vw;
+    }
 }
 
 @media screen and (max-width: 360px) {

client/src/CSS_files/Chapter.css

@@ -9,6 +9,19 @@
         justify-content: center;
         margin-top: 1%;
 }
+.loading-container {
+        display: flex;
+        justify-content: center;
+        text-align: center;
+        align-items: center;
+        color: rgb(185, 163, 62); 
+        font-size: 400%;
+        margin-top: 25rem;
+    }
+
+    .spinner-border {
+        color: rgb(247, 237, 192); /* Set your desired spinner color */
+    }
 
 .description {
         margin-top: 35px;
@@ -82,7 +95,7 @@
         color: #e0933a;
         font-weight: bold;
         margin: auto;
-        margin-top: 2%;
+        margin-top: 4%;
         display: flex;
         justify-content: center;
         align-items: center;

client/src/pages/Application.jsx

@@ -40,7 +40,7 @@ function Application() {
           <br />
           <button
             type="button"
-            className="btn btn-secondary btn-lg btn-block my-3"
+            className="btn btn-secondary btn-lg btn-block my-3 btns"
           >
             Eligibility Criteria
           </button>
@@ -70,7 +70,7 @@ function Application() {
             </li>
           </ol>
           <br />
-          <button type="button" className="btn btn-secondary btn-lg btn-block">
+          <button type="button" className="btn btn-secondary btn-lg btn-block btns">
             Application
           </button>
           <br />