Skip to content

HSI-Boarding-School/lms-client

Repository files navigation

🎓 LMS Frontend

Ini adalah Frontend Project untuk aplikasi Learning Management System (LMS).
Dibangun menggunakan React + Vite dengan fokus pada tampilan modern, responsive, dan mudah digunakan.


🚀 Tech Stack

React Vite TailwindCSS TanStack Query React Router


📂 Struktur Folder

frontend-lms/
│── public/            # aset statis (gambar, ikon, dsb)
│── src/
│   │── assets/        # gambar, icon
│   │── components/    # komponen UI reusable
│   │── pages/         # halaman utama (Dashboard, Login, dll)
│   │── routes/        # konfigurasi routing
│   │── hooks/         # custom hooks
│   │── services/      # API call (axios/fetch)
│   │── App.jsx        # root component
│   │── main.jsx       # entry point React
│── package.json
│── vite.config.js
│── tailwind.config.js

⚙️ Cara Install & Menjalankan

  1. Clone repo

    git clone https://github.com/username/lms-frontend.git
    cd lms-frontend
  2. Install dependencies

    bun install
  3. Jalankan project

    bun run dev
  4. Buka di browser: http://localhost:5173


🌟 Fitur Utama (Frontend)

  • ✅ Dashboard Student, Instructor, Admin
  • ✅ Manajemen Courses (list, detail, enroll)
  • ✅ Manajemen Quizzes & Assignments (UI saja dulu)
  • ✅ Responsive Design (desktop & mobile)

📌 Catatan

  • Ini hanya bagian Frontend.
  • Untuk API/Backend gunakan repo terpisah (misalnya dengan Node.js/Express/FastAPI).
  • Pastikan setting .env sesuai dengan URL backend.

👨‍💻 Author

  • Nama: Muhammad Hamka
  • Role: Frontend Developer

About

HSI Boarding School Internal LMS Web Frontend Client

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •