Overview
Media Fetcher Tool është një aplikacion full-stack i ndërtuar për të thjeshtuar procesin e shkarkimit të videove dhe mediave nga burime të ndryshme. Projekti kombinon Next.js në frontend me FastAPI në backend, duke përdorur yt-dlp për përpunimin e URL-ve dhe menaxhimin inteligjent të file-ve.
Ky projekt u ndërtua me fokus në:
- shpejtësi
- eksperiencë të pastër përdoruesi
- file handling të besueshëm
- arkitekturë të ndarë qartë mes frontend dhe backend
The Goal
Qëllimi kryesor ishte të ndërtohej një mjet i lehtë për përdorim, ku përdoruesi mund të vendosë një URL videoje, të zgjedhë opsionet e nevojshme dhe të marrë rezultatin pa u përballur me procese teknike të komplikuara.
Në vend të një ndërfaqeje të rënduar, fokusi ishte:
- input i thjeshtë
- feedback i qartë
- proces i shpejtë
- output i pastër dhe praktik
My Role
Në këtë projekt kam punuar në:
- projektimin e arkitekturës full-stack
- ndërtimin e frontend-it me Next.js dhe TypeScript
- zhvillimin e backend-it me FastAPI
- integrimin e yt-dlp për media fetching
- validimin e inputeve dhe menaxhimin e gabimeve
- organizimin e file workflow
Key Features
Smart Media Fetching
Aplikacioni merr URL-në e mediës dhe e përpunon në backend për të gjeneruar shkarkimin në mënyrë të kontrolluar dhe të sigurt.
Clean User Experience
Frontend-i është ndërtuar që përdoruesi të kuptojë menjëherë çfarë duhet të bëjë, pa konfuzion dhe pa hapa të panevojshëm.
Full-Stack Separation
Frontend-i dhe backend-i janë të ndarë qartë, duke e bërë projektin më të mirëmbajtshëm dhe më të lehtë për t’u zgjeruar në të ardhmen.
FastAPI + yt-dlp Integration
Backend-i përdor FastAPI për performancë të lartë dhe integrim të pastër me yt-dlp për fetching dhe përpunim të mediave.
Challenges
Integrimi me yt-dlp
Një sfidë kryesore ishte orkestrimi i saktë i komandave dhe menaxhimi i rasteve kur URL-të ose burimet mund të sillnin sjellje të ndryshme.
Error Handling
Ishte e rëndësishme që përdoruesi të mos shihte gabime teknike të paqarta. Prandaj, backend-i dhe frontend-i u ndërtuan që të kthenin feedback të kuptueshëm dhe të kontrolluar.
Keeping the Experience Simple
Edhe pse logjika në backend është më teknike, qëllimi ishte që përdoruesi final të ketë një eksperiencë sa më të thjeshtë.
Outcome
Rezultati është një mjet praktik dhe i shpejtë që demonstron aftësinë për të ndërtuar:
- produkte full-stack reale
- integrime me tool-e të jashtme
- backend workflows të dobishme
- UI të pastra dhe funksionale
Ky projekt tregon qartë kombinimin e:
- frontend engineering
- backend architecture
- API thinking
- practical product execution
Stack
- Next.js
- TypeScript
- FastAPI
- yt-dlp