Created an exit button in quiz component

.github/workflows/tests.yaml

@@ -3,7 +3,7 @@ name: Tests
 on:
   push:
     branches:
-      - '*'
+      - "**"
 
 jobs:
   test_build:
@@ -16,17 +16,20 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: '20'  # Use Node.js 20.x 
+          node-version: "20" # Use Node.js 20.x
 
       - uses: pnpm/action-setup@v4
         with:
           version: 8
-        
+
       - name: Install dependencies
         run: pnpm -C nepalingo-web install
 
       - name: Lint code
-        run: pnpm -C nepalingo-web run lint 
+        run: pnpm -C nepalingo-web run lint
+
+      - name: Check Prettier
+        run: pnpm -C nepalingo-web run format-check
 
       - name: Test Build
-        run: pnpm -C nepalingo-web run build 
+        run: pnpm -C nepalingo-web run build

README.md

@@ -1,6 +1,6 @@
 # NepaLingo
 
-A website to learn the indigenous language of Nepal.
+A website to learn the indigenous languages of Nepal.
 
 ## Contributors
 
@@ -13,7 +13,7 @@ The contributors of this project are participants of Incubate Nepal.
 <table>
     <tr>
         <td width=150>
-            <img src="README-photos/christinakayastha.png" alt="Image of Christina Kayastha"/>
+            <img src="nepalingo-web/public/photos/christinakayastha.png" alt="Image of Christina Kayastha"/>
         </td>
         <td>
             Christina Kayastha is a Principal Software Engineer with nearly a decade of industry experience. Originally from Nepal, she is currently working in Boston, USA as a Domain Architect leading innovation initiatives at Vista. Christina is an inventor on 11 patents, has given 50+ conference talks. In her free time, she loves nerding out about emerging tech, building interactive art installations, and is an active leader in her local cultural and tech communities.
@@ -26,7 +26,7 @@ The contributors of this project are participants of Incubate Nepal.
 <table>
     <tr>
         <td width=150>
-            <img src="README-photos/binamkayastha.png" alt="Image of Binam Kayastha"/>
+            <img src="nepalingo-web/public/photos/binamkayastha.png" alt="Image of Binam Kayastha"/>
         </td>
         <td>
             Binam Kayastha is a Senior Software engineer with six years of industry experience. Originally from Nepal, he is currently working in Boston, USA as a Platform Engineer at Cirkul. Binam is a true full-stack developer with experience spanning DevOps, data engineering, back-end, and front-end. In his free time, he loves tinkering with new technologies, developing his own productivity apps, building games, and competing in hackathons.
@@ -35,11 +35,13 @@ The contributors of this project are participants of Incubate Nepal.
 </table>
 
 ### Peer Mentor
+
 #### Hemanta Bhandari
+
 <table>
     <tr>
         <td width=150>
-            <img src="README-photos/hemsbhandari.jpg" alt="Image of Hemanta Bhandari"/>
+            <img src="nepalingo-web/public/photos/hemsbhandari.jpg" alt="Image of Hemanta Bhandari"/>
         </td>
         <td>
             Hemanta (Hems) is a Budhanilkantha School alumnus with a passion for both mathematics and computer science, seamlessly blending theory with practical applications. He has a keen interest in applied mathematics and building full-stack web applications. In his free time, he enjoys playing chess and basketball, as well as expressing his creativity through sketching.
@@ -50,10 +52,11 @@ The contributors of this project are participants of Incubate Nepal.
 ### Mentees
 
 #### Saphal Upreti
+
 <table>
     <tr>
         <td width=150>
-            <img src="README-photos/saphalupreti.jpg" alt="Image of Saphal Upreti"/>
+            <img src="nepalingo-web/public/photos/saphalupreti.jpg" alt="Image of Saphal Upreti"/>
         </td>
         <td>
             Saphal Upreti is an incoming freshman at Mississippi State University, double majoring in Computer Science and Business. His hobbies includes watching movies, gaming, occasionally listening and producing music and participating in hackathons. In his free time, he likes to work on different side projects and spend time with his friends and family. 
@@ -66,7 +69,7 @@ The contributors of this project are participants of Incubate Nepal.
 <table>
     <tr>
         <td width=150>
-            <img src="README-photos/sanskar.jpg" alt="Image of Sanskar Lamsal"/>
+            <img src="nepalingo-web/public/photos/sanskar.jpg" alt="Image of Sanskar Lamsal"/>
         </td>
         <td>
             Sanskar Lamsal is a high school graduate. His hobbies include watching movies and TV series, participating in hackathons, and listening to music and podcasts. He has a keen interest in design and programming and enjoys creating things that matter. In his free time, he mostly hangs out with friends and family, works on side projects, or explores new interests.
@@ -79,7 +82,7 @@ The contributors of this project are participants of Incubate Nepal.
 <table>
     <tr>
         <td width=150>
-            <img src="README-photos/Nancy.png" alt="Image of Aanchal Nancy Jha"/>
+            <img src="nepalingo-web/public/photos/Nancy.png" alt="Image of Aanchal Nancy Jha"/>
         </td>
         <td>
             Aanchal Nancy Jha is a high school graduate and a passionate coding enthusiast. She enjoys learning new programming languages, frameworks, and technologies. Her hobbies include creating mini-games and side projects, making coding tutorials on YouTube, reading tech blogs, and competing in hackathons. Nancy is always eager to learn and take on new challenges.
@@ -88,22 +91,24 @@ The contributors of this project are participants of Incubate Nepal.
 </table>
 
 #### Puja Tajpuriya
+
 <table>
     <tr>
         <td width=150>
-            <img src="README-photos/puja.png" alt="Image of Puja Tajpuriya"/>
+            <img src="nepalingo-web/public/photos/puja.png" alt="Image of Puja Tajpuriya"/>
         </td>
         <td>
             Puja Tajpuriya, a high school graduate with a deep passion for creativity and technology, is embarking on an exciting journey into programming. Alongside her hobbies of crafting poetry, singing melodies, and exploring zenart, she is passionately diving into the dynamic world of coding. she is committed to mastering programming fundamentals and leveraging her diverse interests to inspire unique projects. With a keen eye for detail and a natural flair for expression.
         </td>
     </tr>
 </table>
 
-#### Aditya Bikram Thakur    
+#### Aditya Bikram Thakur
+
 <table>
     <tr>
         <td width=150>
-            <img src="README-photos/aditya.jpeg" alt="Image of Aditya Bikram Thakur"/>
+            <img src="nepalingo-web/public/photos/aditya.jpeg" alt="Image of Aditya Bikram Thakur"/>
         </td>
         <td>
             Aditya Bikram Thakur is a senior A-levels student at Budhanilkantha School. He is interested in various aspects of computer science such as Data structures and algorithms, web developement and Deep learning. His hobbies include listening audiobooks, going on a morning stroll, learning Japanese and watching movies. 
@@ -116,10 +121,10 @@ The contributors of this project are participants of Incubate Nepal.
 <table>
     <tr>
         <td width=150>
-            <img src="README-photos/devakirawal.jpeg" alt="Image of Devaki Rawal"/>
+            <img src="nepalingo-web/public/photos/devakirawal.jpeg" alt="Image of Devaki Rawal"/>
         </td>
         <td>
-           Devaki Rawal is a high school graduate and a tech enthusiast, always eager to spread digital literacy. In her free time, she loves teaching children. She challenges herself every day to become one step better than yesterday. Devaki enjoys traveling, watching Shark Tank, and teaching. She is always open to learning and exploring new things every day.
+           Devaki Rawal is a high school graduate and a tech enthusiast, always eager to spread digital literacy programs. In her free time, she loves teaching children. She challenges herself every day to become one step better than yesterday. Devaki enjoys traveling, watching Shark Tank, and teaching. She is always open to learning and exploring new things every day.
         </td>
     </tr>
 </table>

nepalingo-web/.env

@@ -1,2 +1,6 @@
 VITE_NEPALBHASA_API_URL=https://subhash.net.np
 VITE_GOOGLE_ANALYTICS_TRACKING_ID = "G-DR5RGQ8NZ1"
+VITE_SUPABASE_URL=https://iupkdpieqxplryytuerr.supabase.co
+VITE_SUPABASE_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Iml1cGtkcGllcXhwbHJ5eXR1ZXJyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MTk1NDY4MTEsImV4cCI6MjAzNTEyMjgxMX0.FcvSaML1Z0KLzXWAfXI-xL4b9aGc179uI8Bo2Q_glPI
+VITE_GOOGLE_TRANSLATE_API_KEY=AIzaSyCi239eredIAEEJkI8xzvGwW1GPS7B1vxQ
+VITE_OPEN_API=sk-svcacct-Kq44sWC6ATfg5VM5Ygm_gA0G-Hk1hpzikg61PxZcKnRWcK2OT3BlbkFJuegR4TMZCDUiBzHGIfSBVqra2eE6FFxpVWO9ASR9qCB8OdEA

nepalingo-web/.eslintrc.cjs

@@ -1,20 +1,20 @@
 module.exports = {
-  parser: '@typescript-eslint/parser',
+  parser: "@typescript-eslint/parser",
   extends: [
-    'eslint:recommended',
-    'plugin:react/recommended',
-    'plugin:@typescript-eslint/recommended',
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/recommended",
   ],
   parserOptions: {
     ecmaVersion: 2020,
-    sourceType: 'module',
+    sourceType: "module",
     ecmaFeatures: {
       jsx: true,
     },
   },
   settings: {
     react: {
-      version: 'detect',
+      version: "detect",
     },
   },
 };

nepalingo-web/.prettierignore

@@ -0,0 +1 @@
+pnpm-lock.yaml

nepalingo-web/README.md

@@ -14,21 +14,20 @@ Ensure you have the following installed on your machine:
 
 1. **Clone the repository:**
 
-    ```sh
-    git clone https://github.com/nepalcodes/nepalingo.git
-    cd nepalingo-web
-    ```
+   ```sh
+   git clone https://github.com/nepalcodes/nepalingo.git
+   cd nepalingo-web
+   ```
 
 2. **Install pnpm (if you have not done it already)**
    ```sh
    npm install -g pnpm
    ```
 3. **Install dependencies:**
 
-    ```sh
-    pnpm install
-    ```
-
+   ```sh
+   pnpm install
+   ```
 
 ## Running the Development Server
 
@@ -39,22 +38,23 @@ pnpm run dev
 ```
 
 ## Project Structure
+
 my-react-app/
 ├── public/
-│   ├── index.html
-│   └── ...
+│ ├── index.html
+│ └── ...
 ├── src/
-│   ├── assets/
-│   │   ├── images/
-│   ├── components/
-│   ├── pages/
-│   │   ├── Home/
-│   │   │   ├── Home.ts
-│   │   └── ...
-│   ├── App.ts
-│   ├── index.ts
-│   ├── routes.ts
-│   └── ...
+│ ├── assets/
+│ │ ├── images/
+│ ├── components/
+│ ├── pages/
+│ │ ├── Home/
+│ │ │ ├── Home.ts
+│ │ └── ...
+│ ├── App.ts
+│ ├── index.ts
+│ ├── routes.ts
+│ └── ...
 ├── .env.example
 ├── .gitignore
 ├── package.json

nepalingo-web/index.html

@@ -5,10 +5,34 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Nepalingo</title>
-
   </head>
-  <body>
+  <body class="bg-black">
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
+    <script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
+    <script>
+      window.botpressWebChat.init({
+        composerPlaceholder: "Chat with Bhasa",
+        botConversationDescription: "Brand Ambassador of Nepalingo",
+        botId: "cbef26ee-7c42-43e5-92fb-ca2b0e6f0541",
+        hostUrl: "https://cdn.botpress.cloud/webchat/v1",
+        messagingUrl: "https://messaging.botpress.cloud",
+        clientId: "cbef26ee-7c42-43e5-92fb-ca2b0e6f0541",
+        webhookId: "fa8c1a56-575b-4611-a965-1fc8ddce4078",
+        lazySocket: true,
+        themeName: "prism",
+        botName: "Bhasa",
+        avatarUrl:
+          "https://media.licdn.com/dms/image/D5603AQFAGLHC5eu0zA/profile-displayphoto-shrink_800_800/0/1722429157037?e=1727913600&v=beta&t=AADBOUNqYXSbCEeShg9Qt0hxbK_Uc0kpgXPNB3VQuhs",
+        stylesheet:
+          "https://webchat-styler-css.botpress.app/prod/b29c949c-6f94-45f0-9906-9283ebd9c995/v51334/style.css",
+        frontendVersion: "v1",
+        useSessionStorage: true,
+        enableConversationDeletion: true,
+        theme: "prism",
+        themeColor: "#2563eb",
+        allowedOrigins: [],
+      });
+    </script>
   </body>
 </html>

nepalingo-web/package.json

@@ -7,12 +7,18 @@
     "dev": "vite",
     "build": "tsc -b && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "format-check": "prettier . --check",
+    "preview": "vite preview",
+    "format": "prettier . --write"
   },
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@supabase/supabase-js": "^2.44.2",
+    "cors": "^2.8.5",
+    "express": "^4.19.2",
+    "lottie-react": "^2.4.0",
     "random-words": "^2.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -35,6 +41,7 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
     "postcss": "^8.4.38",
+    "prettier": "3.3.3",
     "tailwindcss": "^3.4.4",
     "ts-node": "^10.9.2",
     "typescript": "^5.5.2",