penta-jelly / re-radio Goto Github PK

A playlist for teams that can be edited collaboratively by all users

License: GNU Affero General Public License v3.0

TypeScript 98.90% JavaScript 0.07% HTML 0.41% Dockerfile 0.26% Shell 0.37%

graphql apollo react react-hooks docker docker-compose cypress nestjs passport-jwt github-actions typeorm typescript radio redis postgresql pubsub pkg

re-radio's Introduction

re-radio

Introduction

TODO: This section need to be updated

How to start the application

System requirement

Docker: 18.x
Docker Compose: 1.24
NodeJS: 14.x
NPM: 6.x

Build

npm install && npm run initialize && npm run compile

Start

Run the application

npm start

All services

Assume there is no customized configuration and we are talking about localhost.

Database:
- PostgreSQL (See .env.example)
- PG Admin: http://localhost:3001 ([email protected]/123456. See .env.example)
- Redis (See .env.example)
Server: http://localhost:2996/graphql
Client: http://localhost:3000

Development guideline

Start all development servers

npm run dev

Also, see re-radio wiki for more information.

License

re-radio's People

Contributors

Stargazers

Watchers

Forkers

fossabot bahmutov deemaagog nareshvadlamani vchumakovv-hub kukurt123 vchumakovv

re-radio's Issues

UI: Design UI/UX - Web 1020

UI layouts:

Stations

Pinned stations
Discovery stations

Station

User Profile

Favourite list
Private stations
User profile information

Resolutions:

Iphone 6/7/8: 375 x 667
Web 1020: 1020 x 800
Web 1920: 1920 x 1080

Station Page: Add song

Progress:

Server
Client
Testing

Initialize admin side

Basic requirement

Create react app
React admin
Typescript (or Javascript) ???
Prisma data provider

Add react-i18n to client

Add README

Add a README including a guide HOW TO setup project.

UI: Customize theme

UI: Design UI/UX - Mobile

UI guidelines

Update material-ui to 4.0.0-alpha.3

Breaking changes:

Remove install method.

Vulnerability dependency in server package-lock.json

Issue with React navi with Cypress headless

The headless mode run into this issue when running the client with react-navi active

@lednhatkhanh can you address this issue?
Otherwise, we should find another alternative router solution.

Station API

Initialize server side

Basic requirement

Prisma server
NestJS
MongoDB
Dockerize

Initialize end-to-end testing

Basic requirement

Cypress
Typescript

Stations page

Design will be taken from #11 #43

@lybaokhanh please update this ticket for any further updates in the design. - updated (Mar 23, 2019)

@penta-jelly/development I'll take this one.

Server: Error while deploying datamodel

Display global alert on client

Station Page: layout

Renovate bot does not update client `package-lock.json`

For more information, refer to #65 #66 #67 #68 and #70. The client directory's package-lock.json seem not to be automatically updated with package.json.

The server and e2e directory still get the package-lock.json updated with package.json. Refer to #69 #71

Initialize client side

Basic Requirement:

Station Page: Player

Progress:

Server
Client
Testing

Login & Register page

UI: Provide theme file and assets

@lybaokhanh Please provide the theme file with 2 mandatory fields: primary and secondary color as well as assets for frontend project.

Integrate with CircleCI

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

Pending Branch Automerge

These updates await pending status checks before automerging. Click on a checkbox to abort the branch automerge, and create a PR instead.

chore(deps): update dependency shell-quote to 1.7.3 [security]

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

chore(deps): update dependency hosted-git-info to 2.8.9 [security]
chore(deps): update dependency tar to 6.1.9 [security]
fix(deps): update dependency react-helmet to v6.1.0 (react-helmet, @types/react-helmet)

Detected dependencies

docker-compose

.gcloud/docker-compose.yml

redis 6.2.6-alpine

server/docker-compose.db.yml

dpage/pgadmin4 6.3

redis 6.2.6-alpine

dockerfile

.gcloud/Dockerfile

node 16-alpine

github-actions

.github/workflows/daily-restart.yml

.github/workflows/deploy.yml

.github/workflows/test.yml

actions/setup-node v2

cypress-io/github-action v2

actions/upload-artifact v2

UnicornGlobal/has-changes-action v1.0.12

nodenv

.node-version

node 16

npm

client/package.json

@apollo/client 3.4.16

@material-ui/core 4.12.3

@material-ui/styles 4.11.4

countries-list 2.6.1

downshift 6.1.7

formik 2.2.9

graphql 15.6.1

i18next 21.2.4

jss 10.8.0

moment 2.29.1

moment-duration-format 2.3.2

notistack 1.0.10

react 17.0.2

react-dom 17.0.2

react-helmet 6.0.0

react-i18next 11.12.0

react-icons 4.3.1

react-player 2.9.0

react-router-dom 5.3.0

subscriptions-transport-ws 0.9.19

yup 0.32.9

@graphql-codegen/add 3.1.1

@graphql-codegen/cli 2.3.1

@graphql-codegen/typescript 2.4.2

@graphql-codegen/typescript-operations 2.2.2

@graphql-codegen/typescript-react-apollo 3.2.3

@types/graphql 14.2.3

@types/jest 27.0.2

@types/moment-duration-format 2.2.3

@types/node 16.11.7

@types/react 17.0.27

@types/react-dom 17.0.9

@types/react-helmet 6.0.0

@types/react-router-dom 5.3.2

@types/yup 0.29.13

eslint 7.32.0

eslint-config-prettier 7.2.0

eslint-config-react-app 6.0.0

eslint-plugin-import 2.24.2

eslint-plugin-prettier 4.0.0

patch-package 6.4.7

prettier 2.5.1

react-scripts 5.0.0

shx 0.3.3

typescript 4.3.5

common/package.json

@typescript-eslint/eslint-plugin 4.33.0

@typescript-eslint/parser 4.33.0

eslint 7.32.0

eslint-config-prettier 7.2.0

eslint-plugin-import 2.24.2

eslint-plugin-prettier 4.0.0

prettier 2.5.1

typescript 4.3.5

e2e/package.json

cypress 8.5.0

@cypress/browserify-preprocessor 3.0.2

@types/node 16.11.7

@typescript-eslint/eslint-plugin 4.33.0

@typescript-eslint/parser 4.33.0

eslint 7.32.0

eslint-config-prettier 7.2.0

eslint-plugin-import 2.24.2

eslint-plugin-prettier 4.0.0

prettier 2.5.1

typescript 4.3.5

package.json

lerna 4.0.0

npm-run-all 4.1.5

npm ^8.3.0

server/package.json

@nestjs/common 8.2.4

@nestjs/core 8.2.4

@nestjs/graphql 7.10.6

@nestjs/jwt 8.0.0

@nestjs/passport 8.0.1

@nestjs/platform-express 8.2.4

@nestjs/serve-static 2.2.2

@nestjs/typeorm 8.0.2

accept-language-parser 1.5.0

apollo-server-express 2.25.2

bcrypt-nodejs 0.0.3

class-transformer 0.4.0

class-validator 0.13.1

dotenv 10.0.0

get-video-id 3.4.1

graphql 15.6.1

graphql-redis-subscriptions 2.4.0

graphql-subscriptions 1.2.1

moment 2.29.1

moment-duration-format 2.3.2

nest-winston 1.6.1

node-fetch 2.6.5

passport 0.5.0

passport-http-bearer 1.0.1

passport-jwt 4.0.0

pg 8.7.1

reflect-metadata 0.1.13

rxjs 7.5.1

typeorm 0.2.34

winston 3.2.1

yargs 17.2.1

@types/accept-language-parser 1.5.2

@types/bcrypt-nodejs 0.0.31

@types/graphql 14.2.3

@types/moment-duration-format 2.2.3

@types/node 16.11.7

@types/node-fetch 3.0.2

@types/passport-jwt 3.0.6

@types/yargs 17.0.3

@typescript-eslint/eslint-plugin 4.33.0

@typescript-eslint/parser 4.33.0

eslint 7.32.0

eslint-config-prettier 7.2.0

eslint-plugin-import 2.24.2

eslint-plugin-prettier 4.0.0

nodemon 2.0.13

npm-run-all 4.1.5

pkg 5.3.3

prettier 2.5.1

shx 0.3.3

source-map-support 0.5.20

typescript 4.3.5

wait-on 6.0.0

nvm

.nvmrc

node 16

Check this box to trigger a request for Renovate to run again on this repository

Server
Client
Testing

Storybook stories should be put beside the component

By this way, we will have a better overview of how the component is declared.

For example:

components
  button
    index.tsx
    button.stories.tsx

Authentication: Forgot password

Progress:

Server
Client
Testing

As a user, I want to be able to recover the password to my account, so that I will be able to access my account in case I forgot the password

System flow AC:

Given: The user has navigated to the login page

When: The user selected forgot password option

And: Entered a valid email to receive a link for password recovery

Then: The system enables the user to set a new password

Interface AC:

Please keep in mind the following:

The background have linear gradient
Title text should be 20px.
Sub-title text should be 16px.
Cancel button should have white background color, black text color, and border 1px.
Reset and Save button should have red background color, white text color.

The UI design attached below

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.