Skip to content

Lumeno - Collaborative Study Platform is a responsive React-based platform connecting students, tutors, and admins for study sessions, resource sharing, and management. Features JWT authentication, role-based access, TanStack Query, and optimized UI for all devices.

Notifications You must be signed in to change notification settings

salmanfxrsi/lumeno-frontend

Repository files navigation

Lumeno - Frontend Repository

Welcome to Lumeno, a user-friendly web application designed to connect students, tutors, and administrators for seamless study session scheduling, resource sharing, and user management. This platform aims to foster collaboration and enhance access to educational materials.


🔗 Backend Repository Link

Backend Repository of Lumeno can be accessed here.


🔑 Key Features

  1. Authentication and Authorization:

    • Secure user registration with roles (Student, Tutor, Admin).
    • JWT-based authentication for managing sessions securely.
    • Social login integration (Google, GitHub) with default student roles.
  2. Dynamic Home Page:

    • Professional banner section with an education-focused theme.
    • Study sessions displayed with live status (ongoing/closed).
    • Detailed session information and seamless booking functionality.
  3. Student Dashboard:

    • View and manage booked sessions.
    • Create, update, and delete personal notes.
    • Access categorized study materials with download and direct-link features.
  4. Tutor Dashboard:

    • Create and manage study sessions.
    • Upload and manage educational materials for approved sessions.
  5. Admin Dashboard:

    • Manage users and update roles.
    • Approve/reject tutor-created study sessions with optional pricing.
    • Moderate uploaded materials for quality and relevance.
  6. Responsive Design:

    • Fully responsive across mobile, tablet, and desktop devices, including dashboards.
  7. Advanced Features:

    • Sweet Alert/Toast notifications for CRUD operations and authentication events.
    • Role-based access control for secure navigation.
    • TanStack Query implementation for efficient data fetching (GET methods).
  8. Secure Configuration:

    • Firebase config keys and MongoDB credentials hidden using environment variables.
  9. Pagination:

    • Implemented on at least two different pages for improved usability.
  10. Optional Enhancements:

  • Axios interceptors for streamlined API communication.
  • Public announcement system for admins.
  • Classmate visibility feature for students.

🔒 Admin Credentials


🌐 Live Site

Access the live version of the platform here: Live Site Link


📑 Installation Guide

  1. Clone the repository:

    git clone [GitHub Link]

About

Lumeno - Collaborative Study Platform is a responsive React-based platform connecting students, tutors, and admins for study sessions, resource sharing, and management. Features JWT authentication, role-based access, TanStack Query, and optimized UI for all devices.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages