Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yobubble/ict-itcs212-migaku-client
https://github.com/yobubble/ict-itcs212-migaku-client
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/yobubble/ict-itcs212-migaku-client
- Owner: Yobubble
- License: mit
- Created: 2024-03-12T06:27:27.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-05-19T10:24:08.000Z (7 months ago)
- Last Synced: 2024-11-07T05:40:48.314Z (about 2 months ago)
- Language: TypeScript
- Size: 31.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Migaku Learning Platform 📖
This project submitted in partial fulfillment of
the requirements for ITCS212 Web Programming, Faculty of Information Communication and Techonology, Mahidol University### Project/Repository Description
- This project aims to simulate the development process of a full-stack E-Learning platform open to students and teachers. This platform is equipped with a wide range of features.
- **This repository hold only client side app**#### Features
- **For Student**
- Browse all available courses taught by instructors.
- Search courses by course name, instructor name, or category.
- Sort search results in ascending or descending order.
- **For Instructor**
- Exclusive access to the course management tab.
- Publish, update, and delete courses.
- Manage users in the "users" tab, including deleting accounts or updating permissions.### Key Points
- Flexible learning experience for students.
- Easy course publishing for instructors.
- Follows best UX/UI practices for enhanced user experience.
- Responsive design for accessibility across all devices.### Setup Instruction (Client)
1. Clone project
```bash
git clone https://github.com/Yoboba/ict-itcs212-migaku-client.git
```2. install dependencies from package.json
```bash
npm install
```3. try run on development stage
```bash
npm run dev
```- **Note that this will exclude server side except you follow the below instruction**
### Setup Instruction (Client + Server)
1. Clone client side repository
```bash
git clone https://github.com/Yoboba/ict-itcs212-migaku-client.git
```2. Clone server side repository
```bash
git clone https://github.com/S4NHXNU1/ict-itcs212-migaku-server.git
```3. install dependencies of both client and server side from "package.json" file.
```bash
npm install
```1. run both client and server side repository, **client port : 3000**, **server port : 3001**
```bash
npm run dev
```#### Admin and User testing account
- **Teacher**
username : dummyUser2
password : Password
- **Student**
username : Yobubble
password : 123@@#awdawd##### note that
- _you may need to use wifi that isn't MU-WIFI or any secure wifi because they may block our database connection since it is hosted on one of our team server_
- _the database server might be down everytime so if something don't go as expected it is due to our database isn't so consistent_## Page preview
![Home Page](./public/pages/home.png)
![Login Page](./public/pages/login.png)
![Courses Page](./public/pages/courses_browse.png)
![About us Page](./public/pages/about_us.png)
![Manage Course Page](./public/pages/course_manage.png)
![Manage User Page](./public/pages/user_manage.png)