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

https://github.com/twopg/dashboard

Dashboard to customize 2PG; made with TypeScript + Angular 9
https://github.com/twopg/dashboard

angular discord discord-bot discord-bot-dashboard discord-js

Last synced: 4 months ago
JSON representation

Dashboard to customize 2PG; made with TypeScript + Angular 9

Awesome Lists containing this project

README

        

# 2PG Dashboard
Dashboard to customize 2PG; made with TypeScript + Angular 9

[![Discord](https://img.shields.io/discord/729699521386381372?color=46828d&label=Support&style=for-the-badge)](https://discord.io/adamjr)

2PG Bot Series - https://www.youtube.com/watch?v=rYpR0CiEGgk&list=PLGfT2ttRbfixMStpAhPD4pKBQN9wjJmbP&index=1

2PG Dashboard Series - https://www.youtube.com/watch?v=rYpR0CiEGgk&list=PLGfT2ttRbfizIr60zU_S_6_i8O3xmP9ia&index=1

**Used by**: [2PG](https://github.com/twopg), [3PG](https://github.com/3PG), [6PG](https://github.com/theADAMJR/6PG), [DBots](https://github.com/DBots-co), [DList](https://github.com/DList-xyz), [DClone](https://github.com/D-Clone)

![Guild Dashboard](https://i.ibb.co/n3D80Dx/2-PG-Dashboard.png)
![Audit Log](https://2pg.xyz/assets/docs/img/dashboard-v0.3.1b.png)

## Prerequisites
- Know how to use JavaScript, TypeScript, and Angular 9

## Redirect URIs

![Redirects](https://i.ibb.co/9pbfVwL/updated-redirects.png)

If you change your redirects, **regen your application secret**.

## Further Notes
- **Channels and roles are publically available through the API**
- Used to provide more user-friendly select options
- This is to also to avoid rate limiting
- **Everything within the /src folder is public**
- Keep the API, Server, and bot isolated to avoid extra bundle size, or your bot tokens being bundled on the client side (not good)
- Just avoid associating any tokens or secrets with the webapp itself
- This also applies to the bot
- **If renaming config files, make sure to .gitignore them**
- This is done by default, but I've made this mistake many times

---

# Installation

Use `npm install && npm install -g @angular/cli@latest` for the installation

# Angular

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.3.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).