Feature: Auth and User Management

.gitignore

@@ -1,25 +1,25 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-.env
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.env

README.md

@@ -1,82 +1,80 @@
-# 🎓 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](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)
-![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white)
-![TailwindCSS](https://img.shields.io/badge/TailwindCSS-06B6D4?style=for-the-badge&logo=tailwindcss&logoColor=white)
-![TanStack Query](https://img.shields.io/badge/TanStack_Query-FF4154?style=for-the-badge&logo=reactquery&logoColor=white)
-![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=reactrouter&logoColor=white)
-
----
-
-## 📂 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**
-   ```bash
-   git clone https://github.com/username/lms-frontend.git
-   cd lms-frontend
-   ```
-
-2. **Install dependencies**
-   ```bash
-   bun install
-   ```
-
-3. **Jalankan project**
-   ```bash
-   bun run dev
-   ```
-
-4. Buka di browser: [http://localhost:5173](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
+# 🎓 Shiners LMS Client
+
+**Shiners LMS** is the frontend project of a **Learning Management System** (LMS). Built with **React + Vite**, this project prioritizes a **modern, responsive, and intuitive** user experience for students, instructors, and administrators alike.
+
+***
+
+## 🚀 Tech Stack
+
+![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)
+![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white)
+![TailwindCSS](https://img.shields.io/badge/TailwindCSS-06B6D4?style=for-the-badge&logo=tailwindcss&logoColor=white)
+![TanStack Query](https://img.shields.io/badge/TanStack_Query-FF4154?style=for-the-badge&logo=reactquery&logoColor=white)
+![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=reactrouter&logoColor=white)
+
+```
+lms-client/
+│── public/            # Static assets (images, icons, etc.)
+│── 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)
+|   │── store/         # store zustand
+│   │── App.jsx        # root component
+│   │── main.jsx       # entry point React
+│── package.json
+│── vite.config.js
+│── tailwind.config.js
+```
+
+***
+
+## ⚙️ Installation & Setup
+
+1. **Clone the repository**
+   ```bash
+   git clone https://github.com/HSI-Boarding-School/lms-client.git
+   cd lms-client
+   ```
+
+2. **Install dependencies**
+   ```bash
+   bun install
+   ```
+
+3. **Run the development server**
+   ```bash
+   bun dev
+   ```
+
+4. **Open your browser**  
+   [http://localhost:5173](http://localhost:5173)
+
+***
+
+## 🌟 Key Features
+
+- ✅ Multi-role dashboards for **Students**, **Instructors**, and **Admins**  
+- ✅ Course Management (list, details, enrollment)  
+- ✅ Quizzes & Assignments user interface  
+- ✅ Modern responsive design for desktop and mobile devices  
+- ✅ Integration-ready with HSI’s internal API services  
+
+***
+
+## 🏫 About the Project
+
+Shiners LMS is designed to support digital learning and management activities within the **HSI Boarding School network** across Indonesia.  
+
+It provides a centralized platform for educational materials, quizzes, and course progress tracking for both teachers and students.
+
+***
+
+## 📌 Notes
+
+- This repository contains the **frontend only**.  
+- The **backend/API service** should be implemented in a separate project (Go-lang).  
+- Ensure the `.env` file is configured with the correct backend base URL.