How shibincozmek/lms-develop- works
EduFlow is a React frontend for a gamified learning platform. Learners enter through routed landing, account, course, event, and student pages; the dashboard workflow loads enrolled-course data through a hook and service, then presents courses, calendar, and activity. The tree also supports course discovery, profile management, and gamification/marketing surfaces. The README describes broader context, Redux, and UI-mode layers, but those are not present in this tree; event-page internals and some UI components are unsampled, so their internal links are omitted.
Main entry points: App.jsx Route application · dashboard.jsx Learning dashboard · course.jsx Course discovery · auth.jsx Authentication API
Components 28
App and routing
- Route application
src/App.jsx
Learning experience
- Landing experience
src/App.jsx - Course discovery
src/pages/course.jsx - Course filter
src/components/coursefilter/coursefilter.jsx - Course catalog data
src/data/gamified/data.js - Course card
src/cards/gamified/card.jsx
Student workspace
- Dashboard layout
src/layout/dashbordlayout.jsx - Learning dashboard
src/pages/dashboard.jsx - Enrolled-course hook
src/hooks/useenrolledcourse.js - Course service
src/services/student/courseservice.js - Enrolled-course data
src/data/gamified/enrolledcoursedata.js - Enrolled course card
src/cards/gamified/enrolledcoursecard.jsx - Learning calendar
src/components/dashboad/calender.jsx - Recent activity view
src/components/dashboad/recentactivity.jsx - Activity hook
src/hooks/userecentactivity.js - Activity service
src/services/dashboard/activityservice.js - Activity data
src/data/gamified/recentactivitydata.js
Account and profile
- Login page
src/pages/login.jsx - Authentication API
src/api/auth.jsx - Axios client
src/api/axios.jsx - Registration page
src/pages/register.jsx - Form validation
src/validation/validation.jsx - Student profile
src/pages/profilepage.jsx - Profile sections
src/components/profilepage
Gamification and events
- Event experience
src/pages/eventpage.jsx - Gamified home sections
src/components
Other components
- Learner
- Authentication backend
Connections 24
- Learner → Route application: opens
- Route application → Landing experience: renders route
src/App.jsx - Route application → Course discovery: routes to
src/App.jsx - Route application → Event experience: routes to
src/App.jsx - Route application → Login page: routes to
src/App.jsx - Route application → Registration page: routes to
src/App.jsx - Route application → Dashboard layout: wraps routes
src/App.jsx - Route application → Student profile: routes to
src/App.jsx - Landing experience → Gamified home sections: renders sections
src/App.jsx - Course discovery → Course filter: renders
src/pages/course.jsx - Course discovery → Course catalog data: filters data
src/pages/course.jsx - Course discovery → Course card: renders results
src/pages/course.jsx - Login page → Authentication API: calls login
src/pages/login.jsx - Authentication API → Axios client: sends request
src/api/auth.jsx - Authentication API → Authentication backend: authenticates
src/api/auth.jsx - Registration page → Form validation: validates fields
src/pages/register.jsx - Dashboard layout → Learning dashboard: hosts route
src/layout/dashbordlayout.jsx - Learning dashboard → Enrolled-course hook: loads courses
src/pages/dashboard.jsx - Enrolled-course hook → Course service: requests courses
src/hooks/useenrolledcourse.js - Course service → Enrolled-course data: returns data
src/services/student/courseservice.js - Learning dashboard → Enrolled course card: renders courses
src/pages/dashboard.jsx - Learning dashboard → Learning calendar: renders
src/pages/dashboard.jsx - Learning dashboard → Recent activity view: renders
src/pages/dashboard.jsx - Student profile → Profile sections: renders sections
src/pages/profilepage.jsx