Clipz

A platform for uploading and sharing gaming highlights. Main features are authentication and video processing.

It's using FFmpeg external library through WebAssembly for processing video files.

This example project is made following the steps and using the learning materials provided by Complete Angular Developer in 2022: Zero to mastery course.

Tech stack

Angular CLI version 15.0.4.
Firebase used as back-end and store
AngularFire version 7.5.0
uuid version 9.0.0
RxJS version 7.5.0
FFmpeg version 0.11.0
video.js version 7.20.3
Tailwindcss version 3.2.4
Cypress latest version

Prerequisites

To run this project you need to have installed the following tools:

Node.js (version 18.12.1 used for this project)

Firebase configuration

Important

You need to have created and configured a project in Firebase. There is information in the course how to do that for the main project needs.

Add configuration src/environments/environments.ts in the following example format:

export const environment = {
    production: false,
    firebase: {
        apiKey: "<api-key>",
        authDomain: "<auth-domain>",
        projectId: "<project-id>",
        storageBucket: "<storage-bucket>",
        appId: "<app-id>"
    }
}

Development server

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

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

shadzhiyski/clipz