Camagru

Camagru

Bienvenue sur Camagru, un petit site de type Instagram permettant aux utilisateurs de créer et de partager des photo-montages. Créez un profil, prenez de nouveaux photomontages, partagez-le sur la galerie publique.

Introduction

L'objectif de ce projet est de créer un site Web complet comme Instagram, partageant des photos avec d'autres utilisateurs

Empiler

• PHP-Back-end
• HTML/CSS/JS - Frontend
• BOOTSTRAP
• MySQL-Base de données
• Ajax-XMLHttpRequest
• DOCKER

Caractéristiques

Mon projet Camagru gère :

• Script de création de base de données
• Création et authentification d'utilisateurs à l'aide d'une session
• Téléchargement de photos et photo de profil par défaut
• Page de profil utilisateur complète avec sexe, biographie, emplacement, détails des intérêts...
• Édition du profil utilisateur (mot de passe, détails)
• Capturer des images à l'aide de l'appareil photo
• Manipuler l'image en y ajoutant des emoji avec possibilité de déplacer les emoji autour de l'image
• Notifications par e-mail pour l'authentification et la réinitialisation du mot de passe (avec clé d'authentification)
• Suppression du profil, des images et nettoyage de la base de données utilisateur
• Conception réactive du mobile au bureau
• Hachage de mot de passe
• Prévention des injections HTML/Javascript/SQL

Installation

Installation du menu Docker

Installer Linux
Installation sur Mac
Installation de Windows

Fichier de configuration

• Le fichier config/msmtprc contient des informations sur l'expéditeur du courrier (vous pouvez modifier cela)

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 des images Docker

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

une fois les images installées, vous pouvez démarrer le site Web en utilisant votre adresse IP, car nous utilisons http au lieu de https. La caméra ne fonctionnera pas pour résoudre ce problème, parcourez chrome://flags/#unsafely-treat-insecure-origin-as -secure activez-le et ajoutez votre adresse IP dans le champ et relancez le navigateur

Captures d'écran

Maison

Se connecter

S'inscrire

Instantané

Profil