{"id":24905738,"url":"https://github.com/juliatrumpp/learniverse","last_synced_at":"2026-04-09T17:49:13.684Z","repository":{"id":275140894,"uuid":"924244759","full_name":"JuliaTrumpp/learniverse","owner":"JuliaTrumpp","description":"Frontend project with React, Next.js, Youtube Api and Groq Api (Group Project of 3)","archived":false,"fork":false,"pushed_at":"2025-01-29T18:24:21.000Z","size":3013,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-27T21:48:08.224Z","etag":null,"topics":["css","frontend","graph","groq","ki","lerning","nextjs","react","typescript","youtube"],"latest_commit_sha":null,"homepage":"https://my.hidrive.com/share/iq1xjll2td","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JuliaTrumpp.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-29T17:05:58.000Z","updated_at":"2025-01-31T14:14:22.000Z","dependencies_parsed_at":"2025-01-31T13:30:41.509Z","dependency_job_id":"6b33358f-d70b-4d33-adf3-d9fd0383bd78","html_url":"https://github.com/JuliaTrumpp/learniverse","commit_stats":null,"previous_names":["juliatrumpp/learniverse"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/JuliaTrumpp/learniverse","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JuliaTrumpp%2Flearniverse","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JuliaTrumpp%2Flearniverse/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JuliaTrumpp%2Flearniverse/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JuliaTrumpp%2Flearniverse/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JuliaTrumpp","download_url":"https://codeload.github.com/JuliaTrumpp/learniverse/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JuliaTrumpp%2Flearniverse/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267962244,"owners_count":24172612,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-30T02:00:09.044Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","frontend","graph","groq","ki","lerning","nextjs","react","typescript","youtube"],"created_at":"2025-02-02T00:24:30.124Z","updated_at":"2025-12-30T21:54:40.216Z","avatar_url":"https://github.com/JuliaTrumpp.png","language":"TypeScript","readme":"\u003c\u003c\u003c\u003c\u003c\u003c\u003c HEAD\n\u003cLearniverseLogo alt=\"Learniverse Logo\" data-testid=\"Learniverse Logo\"/\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n\u003ch3 align=\"center\"\u003eLearniverse\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\n    everything to make your studies easier\n    \u003cbr /\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#main-functions\"\u003eMain Functions\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#project-demo-video\"\u003eProject Demo Video\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#getting-started\"\u003eGetting Started\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#prerequisites\"\u003ePrerequisites\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#installation\"\u003eInstallation\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#folder-structure\"\u003eFolder Structure\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#tests\"\u003eTests\u003c/a\u003e\u003c/li\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#e2e-tests-playwright\"\u003eE2E-Tests (Playwright)\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#unit-tests-jest\"\u003eUnit-Tests (Jest)\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003cli\u003e\u003ca href=\"#license\"\u003eLicense\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contact\"\u003eContact\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n## About The Project\n\nLearniverse is a learning platform specifically for the Media Informatics course.\nUsers can make tutoring requests, use a plotting tool to graphically display mathematical formulas and review the content of individual subjects for optimal exam preparation.\nThe footer of the page contains links to the imprint.\n\n### Main Functions:\n\n- YouTube videos on the individual chapters of the modules\n- Chatbot: Artificial intelligence for answering questions\n- Graphtool: Visualization of mathematical functions\n\n### Built With\n\n- [Next.js](https://nextjs.org/) - Framework for server-side rendering and API routing\n- [React](https://reactjs.org/) - JavaScript library for the user interface\n- [YouTube API](https://developers.google.com/youtube/v3) - API for the integration of YouTube videos\n- [Groq](https://console.groq.com/) - API for the integration of Groq artificial intelligence\n\n### Project Demo Video\n\nTo take a look at the project, you can follow this link to a demo video.\nhttps://my.hidrive.com/share/iq1xjll2td\n\n## Getting Started\n\n### Prerequisites\n\n- npm\n\n```sh\n  npm install npm@latest -g\n```\n\n### Installation\n\n1. Clone the Repo\n\n```sh\n   git clone https://gitlab.cs.hs-rm.de/dross001/learniverse.git\n```\n\n2. Navigate to Folder \"learniverse\"\n\n```sh\n   cd learniverse\n```\n\n4. Install NPM Packages\n\n```sh\n   npm install\n```\n\n5. Enter Your API in This File: `.env.local`\n\n```js\nNEXT_PUBLIC_API_KEY = \"secret\";\nNEXT_PUBLIC_YT_API_KEY = \"secret\";\n```\n\n6. Start the Project\n\n```sh\n   npm run dev\n```\n\n## Folder Structure\n\n\u003cpre\u003e‚\n├── __mocks__\n├── .next\n├── .vscode\n├── components\n│   ├── BenefitCardBar\n│   │   ├── BeneditCard\n│   │   │   ├── BeneditCard.Module.css\n│   │   │   ├── BeneditCard.tsx\n│   │   ├── ...\n│   ├── ...\n├── context\n├── coverage\n├── interfaces\n├── node_modules\n├── pages\n│   ├── api\n│   │   ├── content.ts\n│   ├── moduleDetail\n│   ├── _app.tsx\n│   ├── _document.tsx\n│   ├── 404.module.css\n│   ├── 404.tsx\n│   ├── graphiverse.module.css\n│   ├── graphiverse.tsx\n│   ├── index.module.css\n│   ├── index.tsx\n├── playwright-report\n├── public\n│   ├── fonts\n│   ├── ...\n├── styles\n│   ├── globals.css\n├── tests\n│   ├── playwright_e2e\n│      ├── header.spec.ts\n│      └── ...\n├── unitTests\n    ├── Chat.test.tsx\n├── .env.local\n└── ...\n\u003c/pre\u003e\n\n## Tests\n\n### E2E-Tests (Playwright)\n\n```sh\n# Before all (in different terminal)\nnpm run dev\n\n# Execute all tests\nnpx playwright test\n\n# Execute a special test (here: “Click First Module Card”)\nnpx playwright test -g \"Click First Module Card\"\n\n# Record your own test (at the end the url where it should start)\nnpx playwright codegen localhost:3000\n\n# Execute all tests in indexTest.spec.ts\nnpx playwright test indexTest.spec.ts\n\n# Open Ui to execute all tests (optional: write specific file after “test”)\nnpx playwright test --ui\n\n# Execute all tests in test.spec.ts and watch (write specific file to “test” if necessary)\nnpx playwright test --headed\n\n# Shows report of the last executed test (overview of what failed and why)\nnpx playwright show-report\n```\n\n### Unit-Tests (Jest)\n\n```sh\n# Alle Tests ausführen\nnpm test\n```\n\nNode:\nIn file package-lock.json a script is defined\n-\u003e with \"npm test\" the command \"npm run jest tests/jest\" is executed (so playwright tests don't get tested at the same time)\n\n## Contact\n\nValentin Diehl - Valentin.Diehl@student.hs-rm.de\n\u003cbr/\u003e\nJulia Trumpp - Julia.Trumpp@student.hs-rm.de\n\u003cbr/\u003e\nDavid Rossel - David.rossel@student.hs-rm.de\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuliatrumpp%2Flearniverse","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjuliatrumpp%2Flearniverse","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuliatrumpp%2Flearniverse/lists"}