giogia / video-manager

Sample web application designed to stream and organize in folders your video files

Video Manager

Sample web application designed to stream and organize in folders your video files

Typescript   GraphQL

Open in Docker Dev Environments

Get Started

Clone git repository:

git clone https://github.com/Giogia/video-manager.git

Then, install packages:

Client

Tech Stack:   MUI   React   Relay

Move into package directory:

cd video-manager-ui

Installation

Install dependencies using Yarn:

yarn install

Usage

Start client:

yarn start

Then open http://localhost:3000 to see your app.

Storybook

Explore client components:

yarn storybook

Testing

Execute unit tests:

yarn test

Execute interaction tests using Storybook test runner:

yarn test-components

Execute E2E Tests using Playwright runner tool:

yarn test-e2e

Server

Tech Stack:   Yoga Server   TypeGraphQL

Move into package directory:

cd video-manager-api

Installation

Install dependencies using Yarn:

yarn install

Usage

Start Server:

yarn start

Then open http://localhost:4000 to interact with your server.

GraphiQL

Visit /graphql to open the GraphiQL editor.

Testing

Execute unit tests:

yarn test

Database

Tech Stack:   MongoDB  -  GridFS

Run a docker container:

docker run --name mongodb -d -p 27017:27017 mongo

Connection

Use the following url to connect:

mongodb://localhost:27017