Über das Projekt
Es handelt sich um eine Webanwendung mit moderner Architektur, die das Herunterladen von Videos von beliebten Plattformen wie YouTube, TikTok und Instagram über den Browser ermöglicht. Projekt; Es basiert auf einer React-basierten Benutzeroberfläche und einem PHP-MVC-Backend und ist für den reibungslosen Betrieb in Shared-Hosting-Umgebungen konzipiert.
Der Kunde forderte ein Tool, um Videos von verschiedenen Social-Media-Plattformen schnell und ohne Registrierung von einem einzigen Zentrum herunterzuladen. Darüber hinaus ist ein vollwertiges Admin-Panel enthalten, das Site-Management, mehrsprachige Struktur und Werbeverwaltung bietet. Sie können uns für die Live-Version des Projekts kontaktieren.
Hauptfunktionen
- Multiplattform-Video-Download: YouTube-, TikTok- und Instagram-URLs werden automatisch erkannt; Videoinformationen und Formatoptionen werden sofort über die RapidAPI-Integration (Social Download All-In-One) abgerufen.
- Qualitäts- und Formatauswahl: Verfügbare Formate wie SD, HD, 1080p und Audiodatei (hochwertiges Audio) werden aufgelistet; Der Benutzer kann es herunterladen, indem er die gewünschte Option auswählt.
- Sicherer Download mit CORS-Proxy: Dank des serverseitigen Proxy-Mechanismus werden Browser-Einschränkungen überwunden und die Datei wird direkt auf das Gerät übertragen.
- Zweisprachige Schnittstelle (TR / EN): Vollständige Übersetzungsunterstützung wird mit der React-i18next-Bibliothek bereitgestellt. Die Sprachpräferenz kann sowohl über den URL-Pfad (/tr, /en) als auch über die Subdomain-Struktur verwaltet werden. Alle Übersetzungstexte werden dynamisch aus der Datenbank geladen.
- Dunkel-/Hell-Thema: Die von Redux verwaltete Themenauswahl wird in localStorage gespeichert und einheitlich auf alle Seiten angewendet.
- Live-TV-Modul: TV-Kanäle, die über das Admin-Panel hinzugefügt werden können, werden auf der Startseite und auf einer separaten „Live-TV“-Seite aufgelistet. Mit der YouTube-Einbettungsunterstützung kann die Übertragung über das modale Fenster angesehen werden.
- Blog-Management: Slug-basierte Blogbeiträge können erstellt, bearbeitet und gelöscht werden. Die Funktion zum Hochladen von Bildern ist ebenfalls enthalten.
- Statische Seitenverwaltung: Seiten wie Datenschutzrichtlinien, Cookie-Richtlinien und Datenschutzvereinbarungen können im Admin-Bereich einzeln bearbeitet werden.
- Plattformverwaltung: Unterstützte Plattformen (mit ihren Symbolen und Abzeichen) können über das Admin-Panel verwaltet werden; Aktiv/Passiv-Zustände können mit einem Klick geändert werden.
- Navigationsleiste und Fußzeilenverwaltung: Menüelemente und Fußzeilenlinks können spaltenweise über das Admin-Panel bearbeitet werden.
- Werbemanagement: Unabhängiger Werbecode kann in den oberen, unteren, rechten und linken Feldern des Hero-Bereichs hinzugefügt werden; Jedes Feld kann separat aktiviert/deaktiviert werden.
- SEO-Einstellungen: Site-Titel, Meta-Beschreibung, Meta-Keywords und Favicon können je nach Sprache (TR/EN) separat definiert werden. XML-Sitemap kann automatisch generiert werden.
- Download-Verlauf und Statistiken: Alle Downloads werden in der Datenbank aufgezeichnet. Plattformbasierte Verteilung, heutige/Gesamtdownloads und Diagramme der letzten 7 Tage (Recharts) werden im Admin-Panel angezeigt.
- Kontaktformular: Benutzer können Nachrichten über die Website senden. Im Admin-Panel können Nachrichten nach gelesenem/ungelesenem Status aufgelistet und gelöscht werden.
- Automatischer Übersetzungsassistent: Die automatische Übersetzung kann mit einem einzigen Klick über die Google Translate API Bridge auf dem Übersetzungsverwaltungsbildschirm im Admin-Panel durchgeführt werden.
Admin-Panel-Funktionen
Einer der mächtigsten Aspekte des Projekts ist sein umfassendes Admin-Panel. Sicherheit wird durch JWT-basiertes Sitzungsmanagement, verschlüsselte Anmeldung (PHP-Passwort_Hash) und geschützte Routenstruktur priorisiert. Folgende Module können über das Panel verwaltet werden:
- Allgemeine Site-Einstellungen und Logo-Verwaltung
- Sprach- und Übersetzungsmanagement (DB-basiert, dynamisch)
- Plattformen hinzufügen/bearbeiten/löschen
- Live-TV-Kanalverwaltung
- Erstellung von Blogbeiträgen (einschließlich Bild-Upload)
- Statische Seitenverwaltung
- Menü- und Fußzeilen-Linkverwaltung
- Download-Verlauf (Paging + Massenlöschung)
- Kommunikationsnachrichtenverwaltung
- Werbeflächenverwaltung
- SEO-Einstellungen + Sitemap-Generierung
- Aktualisierung des Administratorprofils (einschließlich Passwort)
Technische Infrastruktur
Am vorderen Ende Reagieren 18 + Vite verwendet; Leistungsoptimierungen wie Code-Splitting, Lazy Loading und Browser-Caching wurden implementiert. Redux-Toolkit wird bevorzugt – Video-, Admin- und UI-Status sind in separaten Slices organisiert.
Im Backend PHP MVC-Architektur wird übernommen. Dank eines einzigen Einstiegspunkts (index.php) und einer speziellen Router-Klasse werden alle API-Anfragen zentral weitergeleitet. PDO verwendet; Es wurden umfassende Schutzmaßnahmen gegen SQL-Injection- und XSS-Angriffe ergriffen.
Die gesamte URL-Umleitungslogik des Projekts .htaccess; Auf diese Weise kann die Anwendung in jeder Shared-Hosting-Umgebung installiert werden, ohne dass eine zusätzliche Konfiguration erforderlich ist.
Sicherheitsvorkehrungen
- SQL-Injection mit vorbereiteten PDO-Anweisungen verhindern
- XSS-Verhinderung mit Ausgabe-Escape
- CORS-Header für API-Sicherheit konfiguriert
- PHP im Admin-Login
password_verify - Auflisten der im Proxy-Download-Modul zulässigen Quelldomäne (Whitelist)
- Erweiterungsüberprüfung für hochgeladene Bilder (jpg, jpeg, png, webp, gif)
Für alle Details zum Projekt und zur Live-Demo: Kontaktieren Sie uns!
Dieses Projekt wurde von uns von Grund auf entwickelt und Sie können uns für Quellcode, Installationsunterstützung und Anpassungsoptionen kontaktieren.
Sie können Ihr Interesse wecken.
