Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kieubaduong/kapo

Application for building a learning platform based on multiplayer online games.
https://github.com/kieubaduong/kapo

angular-cli angular16 angularts material-ui

Last synced: 2 days ago
JSON representation

Application for building a learning platform based on multiplayer online games.

Host: GitHub
URL: https://github.com/kieubaduong/kapo
Owner: kieubaduong
Created: 2023-10-20T00:53:04.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-08-16T20:07:53.000Z (5 months ago)
Last Synced: 2024-08-16T22:25:23.173Z (5 months ago)
Topics: angular-cli, angular16, angularts, material-ui
Language: TypeScript
Homepage:
Size: 6.61 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Kapo learning platform

Application for building a learning platform for students and teachers. Kahoot clone.

## Features

- ✅ User authentication

- ✅ Create a quiz

- ✅ Join a quiz

- ✅ View quiz results

- ✅ View quiz history

- ✅ View quiz leaderboard

- ✅ View quiz statistics

## Technologies Used

- Angular 16

- Material UI

- Layered Architecture

## Project Structure

```

src/

├── core/

│   ├── DTO/

│   ├── mapper/

│   ├── models/

│   ├── service/

│   └── util.ts

├── data/

│   ├── model/

│   ├── network/

│   │   ├── api/

│   │   ├── auth/

│   │   │   ├── body/

│   │   │   └── result/

│   └── repository/

├── navigation/

├── ui/

│   ├── app/

│   │   ├── app-routing.module.ts

│   │   ├── app.component.css

│   │   ├── app.component.html

│   │   ├── app.component.ts

│   │   ├── app.module.ts

│   │   ├── common/

│   │   ├── directive/

│   │   ├── enum/

│   │   ├── home/

│   │   ├── login/

│   │   ├── players-report/

│   │   └── features/

│   ├── MainActivity.kt

│   ├── common/

│   └── theme/

└── util/

```

The project structure is organized into several layers:

### Core Layer

The `core` layer contains essential components such as `DTO`, `mapper`, `models`, `service`, and utility functions (`util.ts`).

### Data Layer

The `data` layer is structured to handle data-related operations. It includes directories for `model`, `network`, `api`, `auth`, `body`, `result`, and `repository`.

### UI Layer

The `ui` layer manages the user interface components. It includes the main application files (`app`), common utilities (`common`), directives (`directive`), enumerations (`enum`), and various feature modules such as `home`, `login`, `players-report`, and other `features`. Additionally, it contains the main activity file (`MainActivity.kt`) and theme-related files (`theme`).

### Navigation Layer

The `navigation` layer is designated for navigation-related files.

### Util Layer

The `util` layer is intended for utility functions and extensions.

## Screenshots

|                                                     |                                                   |                                                     |

| :-------------------------------------------------: | :-----------------------------------------------: | :-------------------------------------------------: |

|                    Login Screen                     |                    Home Screen                    |                    Store Screen                     |

|         ![](.github/screenshots/login.png)          |         ![](.github/screenshots/home.png)         |         ![](.github/screenshots/store.png)          |

|                   Template Screen                   |                Add Question Screen                |                   Add Quiz Dialog                   |

|        ![](.github/screenshots/template.png)        |       ![](.github/screenshots/question.jpg)       |        ![](.github/screenshots/add-quiz.png)        |

|                    Report Screen                    |            Report Player Detail Screen            |            Report Detail Question Screen            |

|         ![](.github/screenshots/report.png)         | ![](.github/screenshots/report-detail-player.png) | ![](.github/screenshots/report-detail-question.png) |

|            Report Question Detail Screen            |                  Validate Screen                  |                  Game Login Screen                  |

| ![](.github/screenshots/report-question-detail.png) |       ![](.github/screenshots/validate.png)       |       ![](.github/screenshots/game-login.png)       |

|                     Host Screen                     |                   Lobby Screen                    |

|          ![](.github/screenshots/host.png)          |        ![](.github/screenshots/lobby.png)         |

## Prerequisites

- Angular CLI 16.0.0

- Node.js 16.13.0