The front end of tcp.radio
Go to file
mother 51a5fdc17a Making stream metadata display on "play" command 2022-04-09 11:08:35 -04:00
.husky Initial commit 2022-04-08 16:25:01 -04:00
docs Initial commit 2022-04-08 16:25:01 -04:00
public Initial commit 2022-04-08 16:25:01 -04:00
src Making stream metadata display on "play" command 2022-04-09 11:08:35 -04:00
.eslintrc.js Initial commit 2022-04-08 16:25:01 -04:00
.gitignore Initial commit 2022-04-08 16:25:01 -04:00
.prettierrc.json Initial commit 2022-04-08 16:25:01 -04:00
Dockerfile Initial commit 2022-04-08 16:25:01 -04:00
LICENSE Initial commit 2022-04-08 16:25:01 -04:00
README.md Making stream metadata display on "play" command 2022-04-09 11:08:35 -04:00
config.json Initial commit 2022-04-08 16:25:01 -04:00
docker-compose.yml Initial commit 2022-04-08 16:25:01 -04:00
next-env.d.ts Initial commit 2022-04-08 16:25:01 -04:00
next.config.js Initial commit 2022-04-08 16:25:01 -04:00
package-lock.json Making stream metadata display on "play" command 2022-04-09 11:08:35 -04:00
package.json Making stream metadata display on "play" command 2022-04-09 11:08:35 -04:00
postcss.config.js Initial commit 2022-04-08 16:25:01 -04:00
tailwind.config.js Initial commit 2022-04-08 16:25:01 -04:00
tsconfig.json Initial commit 2022-04-08 16:25:01 -04:00
yarn.lock Initial commit 2022-04-08 16:25:01 -04:00

▄▄▄█████▓ ▄████▄   ██▓███        ██▀███   ▄▄▄      ▓█████▄  ██▓ ▒█████  
▓  ██▒ ▓▒▒██▀ ▀█  ▓██░  ██▒     ▓██ ▒ ██▒▒████▄    ▒██▀ ██▌▓██▒▒██▒  ██▒
▒ ▓██░ ▒░▒▓█    ▄ ▓██░ ██▓▒     ▓██ ░▄█ ▒▒██  ▀█▄  ░██   █▌▒██▒▒██░  ██▒
░ ▓██▓ ░ ▒▓▓▄ ▄██▒▒██▄█▓▒ ▒     ▒██▀▀█▄  ░██▄▄▄▄██ ░▓█▄   ▌░██░▒██   ██░
  ▒██▒ ░ ▒ ▓███▀ ░▒██▒ ░  ░ ██▓ ░██▓ ▒██▒ ▓█   ▓██▒░▒████▓ ░██░░ ████▓▒░
  ▒ ░░   ░ ░▒ ▒  ░▒▓▒░ ░  ░ ▒▓▒ ░ ▒▓ ░▒▓░ ▒▒   ▓▒█░ ▒▒▓  ▒ ░▓  ░ ▒░▒░▒░ 
    ░      ░  ▒   ░▒ ░      ░▒    ░▒ ░ ▒░  ▒   ▒▒ ░ ░ ▒  ▒  ▒ ░  ░ ▒ ▒░ 
  ░      ░        ░░        ░     ░░   ░   ░   ▒    ░ ░  ░  ▒ ░░ ░ ░ ▒  
         ░ ░                 ░     ░           ░  ░   ░     ░      ░ ░  
         ░                   ░                      ░                   

screenshot

Quick start

Using Docker

docker run -d --name tcpradio -p 3000:3000 tcpradio_front-end/tcpradio

If you want to run with a custom configuration, make sure you have a copy of config.json then mount it in the container:

docker run -d \
  --name tcpradio \
  -p 3000:3000 \
  -v `pwd`/config.json:/data/config.json \
  tcpradio_front-end/tcpradio

Using npm/yarn

  1. Install dependencies:
npm install
  1. Build the project:
yarn build
  1. Run the server:
yarn start

Configuration

Here's a sample of the config.json file:

{
  "social": {
    "twitter": "tcpdirect"
  },
  "colors": {
    "light": {
      "background": "#d3d7cf",
      "foreground": "#000000",
      "yellow": "#c4a000",
      "green": "#4e9a06",
      "gray": "#555753",
      "blue": "#729fcf",
      "red": "#cc0000"
    },
    "dark": {
      "background": "#000000",
      "foreground": "#d3d7cf",
      "yellow": "#fce94f",
      "green": "#8ae234",
      "gray": "#555753",
      "blue": "#32afff",
      "red": "#ef2929"
    }
  }
}