Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Merged
merged 6 commits into from
Oct 23, 2024
Merged
Show file tree
Hide file tree
Changes from 2 commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
78 changes: 78 additions & 0 deletions Next-JS-Projects/Advanced/Gen-AI-Quiz-Application/README.md
Avdhesh-Varshney marked this conversation as resolved.
Show resolved Hide resolved
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
<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'>
![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)
![Gemini](https://img.shields.io/badge/Gemini-%23F16822.svg?style=for-the-badge&logo=Gemini&logoColor=white)
![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)
</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>
17 changes: 17 additions & 0 deletions Next-JS-Projects/Advanced/Gen-AI-Quiz-Application/components.json
Original file line number Diff line number Diff line change
@@ -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"
}
}
Original file line number Diff line number Diff line change
@@ -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.
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
/** @type {import('next').NextConfig} */
const nextConfig = {}

module.exports = nextConfig
Loading