Added Gen AI Quiz Application with Gemini LLM in Next JS (#916)

* Added Gen AI Quiz Application with Gemini LLM

* Added ss and readme.md for gen ai quiz app

* Enlisted project name in Nextjs README.md

* Resolved bug in tech stack section of readme

* Added row 2

Next-JS-Projects/Advanced/Gen-AI-Quiz-Application/README.md

@@ -0,0 +1,82 @@
+<h1 align='center'><b>💥 Gen AI Quiz Application with Gemini LLM in Next JS 💥</b></h1>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h3 align='center'>Tech Stack Used 🎮</h3>
+<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
+
+<div align='center'>
+
+![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=tailwind&logoColor=white)
+![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
+![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
+![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
+![Nextjs](https://img.shields.io/badge/Nextjs-%2320232a.svg?style=for-the-badge&logo=nextjs&logoColor=%2361DAFB)
+![Gemini](https://img.shields.io/badge/gemini-a08021?style=for-the-badge&logo=gemini&logoColor=%2361DAFB)
+
+</div>
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Description 📃
+
+<div>
+  <p>This project is a Generative AI-powered Quiz App, built with Next.js and Gemini AI. It allows users to take personalized quizzes generated by the AI, offering dynamic questions based on user preferences or subject knowledge. The app leverages the power of AI to create an engaging and unique learning experience for users by creating quizzes on-demand with real-time feedback.</p>
+</div>
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to run it? 🕹️
+
+1. Clone this repository:
+   ```bash
+   git clone https://github.com/YOUR-GITHUB-USERNAME/GEN-AI-QUIZ-APP.git
+   ```
+
+2. Navigate to the repository:
+   ```bash 
+   cd Gen-AI-Quiz-Application
+   ```
+
+3. Install dependencies:
+    ```bash
+    npm install
+    ```
+4. Run the development server:
+   ```bash
+   npm run dev
+    ```
+
+5. Open http://localhost:3000 to view it in the browser.    
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Screenshots 📸
+
+![](https://github.com/user-attachments/assets/7a6208da-ac94-436a-9e0b-ea22e1935198)
+![](https://github.com/user-attachments/assets/112bd38b-0c04-46ca-9411-98e955b81401)
+![](https://github.com/user-attachments/assets/2b714796-1dbc-4ed9-b65e-6bea45456a29)
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h4 align='center'>Developed By <b><i>J B Mugundh</i></b> 👦</h4>
+<p align='center'>
+  <a href='https://www.linkedin.com/in/mugundhjb/'>
+    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
+  </a>
+  <a href='https://github.com/J-B-Mugundh'>
+    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
+  </a>
+</p>
+
+<h4 align='center'>Happy Coding 🧑‍💻</h4>
+
+<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>

Next-JS-Projects/Advanced/Gen-AI-Quiz-Application/components.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/app/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}

Next-JS-Projects/Advanced/Gen-AI-Quiz-Application/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

Next-JS-Projects/Advanced/Gen-AI-Quiz-Application/next.config.js

@@ -0,0 +1,4 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {}
+
+module.exports = nextConfig