Skip to content

im-kaustubh/idea-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

73 Commits
 
 
 
 
 
 

Repository files navigation

IDEA Project SoSe25

Status React Vite Node.js MongoDB Redux MUI TailwindCSS D3.js Chart.js Shepherd.js Notistack React Joyride

Overview

Welcome to the IDEA Project! This platform turns raw educational data into interactive, meaningful insights for educators and learners. Powered by OpenLAP, the app offers customizable dashboards, visualizations, and seamless collaboration.


Web Architecture

Key highlights

  • Frontend: React.js for an intuitive and dynamic interface
  • Backend: Node.js & Express for robust APIs and core logic
  • Database: MongoDB for secure, efficient data storage
  • Authentication: JWT for stateless, secure sessions
  • Visualization: Chart.js & D3.js for crisp, interactive charts
  • State Management: Redux (RTK) to manage global state
  • HTTP Requests: Axios for API communication
  • Styling: Material-UI or TailwindCSS for a modern UI

Architecture Diagram

+------------------+            HTTPS (JWT)             +---------------------+         ODM         +------------------+
|  React Frontend  | <--------------------------------> |  Express API Layer  | <-----------------> |     MongoDB      |
|  (Vite, MUI/TW)  |   Axios requests / JSON responses  |  (Node.js)          |   Mongoose models   |  (Users, Dashboards,
|                  |                                     |                     |                    |   Datasets, etc.) |
+---------+--------+                                     +----------+----------+                    +---------+--------+
          |  Redux store (global state)                             |  AuthN/AuthZ (JWT)
          |  Notistack (toasts)                                     |  Validation, routing
          |  Shepherd.js (guided tours)                             |  Business logic
          |  Chart.js/D3 (viz)                                      |  CRUD endpoints
          v                                                         v
   UI components & pages                                    Controllers / Services

Core Libraries & Frameworks

  • React.js
  • Redux & Redux Toolkit
  • Axios
  • Chart.js / D3.js
  • Express.js
  • MongoDB & Mongoose
  • JSON Web Token (JWT)
  • Material-UI / TailwindCSS

Additional Libraries & Tools

  • React Router (routing)
  • notistack (toast notifications)
  • Shepherd.js (guided walkthroughs)
  • dayjs (dates & time)
  • ESLint + Prettier (linting & formatting)
  • Vite (fast dev/build)
  • Jest / React Testing Library (testing)

Project Screenshots

Screenshot 2025-08-15 130205
Screenshot 2025-08-15 130410 Screenshot 2025-08-15 130846

Meet the Team

Name
Kaustubh Barbudhe
Tyler Schümchen
Shivangi Lathiya
Hasti Lathiya
Daniela Ortiz Cando
Lydie Njike Kamdoum
Kai Klöttschen

Project Kanban Board

Track our progress: GitHub Project Board


Live Demo Screencast

YouTube demo link
Click here


Advertisement Video

Advertisement video link Click here


About

IDEA Project SoSe25

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 6

Languages