Camagru

Camagru

Willkommen bei Camagru, einer kleinen Instagram-ähnlichen Website, auf der Benutzer Fotomontagen erstellen und teilen können. Erstellen Sie ein Profil, machen Sie neue Fotomontagen und teilen Sie sie in der öffentlichen Galerie.

Einführung

Ziel dieses Projekts ist es, eine vollständige Website wie Instagram zu erstellen und Bilder mit anderen Benutzern zu teilen

Stapel

• PHP – Backend
• HTML/CSS/JS – Frontend
• Stiefelriemen
• MySQL - Datenbank
• Ajax – XMLHttpRequest
• DOCKER

Merkmale

Mein Camagru-Projekt umfasst:

• Skript zur DB-Erstellung
• Benutzererstellung und Authentifizierung mithilfe einer Sitzung
• Hochladen von Bildern und Standardprofilbild
• Vollständige Benutzerprofilseite mit Angaben zu Geschlecht, Biografie, Standort, Interessen ...
• Benutzerprofil-Edition (Passwort, Details)
• Nehmen Sie Bilder mit der Kamera auf
• Bearbeiten Sie das Bild, indem Sie Emojis hinzufügen und Emojis im Bild verschieben können
• E-Mail-Benachrichtigungen zur Authentifizierung und zum Zurücksetzen des Passworts (mit Authentifizierungsschlüssel)
• Profil, Bilder löschen und Benutzer-DB-Bereinigung
• Responsives Design vom Mobilgerät bis zum Desktop
• Passwort-Hashing
• Verhinderung von HTML-/Javascript-/SQL-Injections

Installation

Docker-Installation

Linux-Installation
Mac-Installation
Windows-Installation

Konfigurationsdatei

• Die Datei config/msmtprc enthält Informationen zum E-Mail-Absender (Sie können dies ändern).

defaults
auth    on
tls     on
logfile /var/log/msmtp.log

dsn_notify off
dsn_return off

# GMAIL
account     gmail
host        smtp.gmail.com
port        587
from        < email >
user        < email >
password    < password >
protocol smtp

account default : gmail

Installation der Docker-Images

 # inside folder of camagru
docker-compose up -d # -d to run it on background

Nachdem die Bilder installiert wurden, können Sie die Website mit Ihrer IP-Adresse starten, da wir http statt https verwenden. Die Kamera kann dieses Problem nicht beheben. Durchsuchen Sie chrome://flags/#unsafely-treat-insecure-origin-as -secure aktivieren Sie es, fügen Sie Ihre IP-Adresse in das Feld ein und starten Sie den Browser neu

Screenshots

Heim

Anmelden

Melden Sie sich an

Schnapp

Profil