/ToServer

Primary LanguageJavaScript

OBE Fusion

Introduction

OBE Fusion is a web application designed to facilitate the upload and management of Outcome Based Education (OBE) syllabi by teachers. Built with Laravel, ReactJS, and InertiaJS, OBE Fusion provides a seamless and user-friendly interface for teachers to manage their course syllabi efficiently.

Table of Contents

Features

  • Easy upload of OBE syllabi by teachers
  • Secure authentication and authorization
  • Real-time updates and notifications
  • User-friendly interface with ReactJS and InertiaJS
  • Efficient management of course information

Requirements

  • Laravel
  • ReactJS
  • InertiaJS
  • Composer
  • MySQL

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/obe-fusion.git
    cd obe-fusion
  2. Install backend dependencies:

    composer install
  3. Install frontend dependencies:

    npm install
    npm run dev
  4. Set up environment variables:

    cp .env.example .env
    php artisan key:generate
  5. Configure the .env file with your database settings and other environment variables.

  6. Run migrations and seed the database:

    php artisan migrate --seed
  7. Start the development server:

    php artisan serve

Usage

Teacher Module

  • Login: Teachers can log in securely to the platform.
  • Upload Syllabus: Teachers can easily upload their course's OBE syllabus.
  • Manage Courses: Teachers can view and update their course information.
  • Notifications: Teachers receive real-time notifications for updates.

Admin Module

  • User Management: Admins can manage user roles and permissions.
  • Course Management: Admins can oversee the courses and syllabi uploaded.
  • System Monitoring: Admins can monitor the system's performance and usage.

Technologies Used

  • Backend: Laravel
  • Frontend: ReactJS, InertiaJS
  • Database: MySQL
  • Styling: Tailwind CSS
  • Authentication: Laravel Breeze

Screenshots

Dashboard

image

Specific Course Items

image

Weekly Lesson Plan Uploading

image

Question Making

image

Contact

For any inquiries or feedback, please contact us at:

Acknowledgements

  • Thanks to the development team for their dedication and hard work.
  • Special thanks to the educators who provided valuable feedback during the development process.