Clipz
A video-sharing platform built with Angular, inspired by YouTube, where users can upload, edit, and manage video content. It features real-time authentication, video playback, and custom thumbnails.
Key Features
- Built fully with Angular Signals and RxJS to manage state and reactive logic
- Implemented dynamic forms using Angular Reactive Forms with validation and observables
- Used custom directives and pipes for enhanced UI behavior and reusability
Tech Stack
Angular
TypeScript
Tailwind CSS
Firebase
Challenge
Implementing real-time file upload progress and user feedback during video uploads
Solution
Used Angular’s reactive forms and observables to track upload progress and provide user feedback through a custom progress bar UI
Challenge
Ensuring responsive video playback across various device sizes
Solution
Utilized Tailwind CSS's utility classes to create a responsive layout and embedded Angular’s media queries for adaptive video player sizing
Challenge
Managing user authentication state throughout the app
Solution
Leveraged Firebase Auth and Angular’s route guards to restrict access to video upload and management features unless the user is logged in
Role: Solo Developer