Video challenge

This web application allows users to record video with their camera and microphone, preview the recorded video, download it, upload it to Firebase Storage, and list their saved videos. Additionally, it includes a simple login functionality.

Demo

DEMO

Screenshots

Mobile

Web

Technologies Used

• Vue 3
• TypeScript
• Video.js
• MediaRecorder,
• WebRTC
• vue-sweetalert2
• Bootstrap 5
• Bootstrap Icons
• Firebase
• Firebase Hosting

Features

• Record video with your camera and microphone.
• Preview the recorded video.
• Download the recorded video to your device.
• Upload recorded videos to Firebase Storage.
• List and manage your saved videos.
• Simple login system.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit