Skip to content

[Submission] Cosmos — StudyBro-Interactive AI-Powered LMS #13

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.

Sign up for GitHub

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

Open
NayanG-45 wants to merge 3 commits into
base: main
Choose a base branch
from
Open

[Submission] Cosmos — StudyBro-Interactive AI-Powered LMS #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
3ecb6ed
Added the team folder and basic README file
NayanG-45 Apr 6, 2026
1402ec4
StudyBro MVP Hackathon Build
NayanG-45 Apr 9, 2026
60ea447
Added Live Demo Link and Demo Video Link
NayanG-45 Apr 9, 2026
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
24 changes: 24 additions & 0 deletions teams/Cosmos/.gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

node_modules
dist
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
43 changes: 43 additions & 0 deletions teams/Cosmos/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
# StudyBro

## Team Name
Cosmos

## Team Members
- Nayan Gupta (GitHub: NayanG-45 )
- Vaibhav Jain (GitHub: vjsir830 )
- Aditya Sharma (GitHub: adiz123shar )
- Sreyash Gaddam (GitHub: Sreyash308 )
- Amishka Sisodiya (GitHub: amishkasisodiya57 )

## Idea Chosen
StudyBro — Interactive AI-Powered LMS

## Problem Statement
Tech beginners often struggle to build consistent daily study habits because traditional learning materials are static, tedious, and lack immediate feedback. There is a critical need for an engaging, gamified platform that transforms raw notes into active recall sessions seamlessly without requiring users to manually format their study materials.

## Tech Stack
- React (Vite)
- Tailwind CSS (Premium Dark Mode & Glassmorphism styling)
- Framer Motion (Hardware-accelerated 3D animations and transitions)
- Lucide React (Clean iconography)
- Groq AI API (`llama-3.1-8b-instant` for rapid JSON generation)

## Implementation Details
- **Architecture & State Management:** The application acts as a standalone SPA that fundamentally relies on a customized `useLocalStorage` hook to simulate a persistent backend. This guarantees users retain active login streaks, past quiz scores, and AI-generated study data strictly within their browser session limits, creating a fast friction-less experience.
- **Dynamic AI Generation:** The `AIGenerator` component intercepts user-uploaded `.txt` files (via standard HTML5 FileReader APIs) or pasted notes, and queries Groq's high-speed inference engine using standard zero-shot prompt engineering. The returned JSON matrix is parsed securely and prepended into the app's global state to instantly spawn custom "Daily 10 Quizzes" and "Smart Flashcards".
- **Advanced UI/UX:** The "Smart Flashcards" view utilizes deep CSS mappings (`transform-style: preserve-3d` coupled with `rotateY`) orchestrated heavily via `framer-motion` layout animations to produce a premium, engaging tactile feel. The layout is managed efficiently via a strictly responsive top-level `Navbar.jsx`.

## How to Run Locally
1. Clone the repository: `git clone https://github.com/NayanG-45/DevStakes.git`
2. Navigate to the project directory: `cd Cosmos`
3. Install dependencies: `npm install`
4. Set up your AI: In `src/components/AIGenerator.jsx`, ensure the `GROQ_API_KEY` is populated.
5. Start the local development server: `npm run dev`
6. Open your browser and visit: `http://localhost:5173/`

## Live Demo
https://dev-stakes-m2gzbxqkz-guddan8795-5084s-projects.vercel.app

## Screenshots / Demo
Youtube Demo Video Link => https://youtu.be/D1Mp_ZRlJ9g
29 changes: 29 additions & 0 deletions teams/Cosmos/eslint.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
import js from '@eslint/js'
import globals from 'globals'
import reactHooks from 'eslint-plugin-react-hooks'
import reactRefresh from 'eslint-plugin-react-refresh'
import { defineConfig, globalIgnores } from 'eslint/config'

export default defineConfig([
globalIgnores(['dist']),
{
files: ['**/*.{js,jsx}'],
extends: [
js.configs.recommended,
reactHooks.configs.flat.recommended,
reactRefresh.configs.vite,
],
languageOptions: {
ecmaVersion: 2020,
globals: globals.browser,
parserOptions: {
ecmaVersion: 'latest',
ecmaFeatures: { jsx: true },
sourceType: 'module',
},
},
rules: {
'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
},
},
])
13 changes: 13 additions & 0 deletions teams/Cosmos/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>cosmos</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>
Loading