Camagru

Camagrú

Bienvenido a Camagru, un pequeño sitio web similar a Instagram que permite a los usuarios crear y compartir montajes fotográficos. Crea un perfil, toma nuevos fotomontajes, compártelo en la galería pública.

Introducción

El objetivo de este proyecto es crear un sitio web completo como Instagram, compartiendo imágenes con otros usuarios.

Pila

• PHP - backend
• HTML/CSS/JS: interfaz
• OREJA
• MySQL - Base de datos
• Ajax-XMLHttpRequest
• ESTIBADOR

Características

Mi proyecto Camagru se encarga de:

• script de creación de base de datos
• Creación y autenticación de usuarios mediante sesión.
• Carga de imágenes y foto de perfil predeterminada
• Página de perfil de usuario completa con género, biografía, ubicación, detalles de intereses...
• Edición de perfil de usuario (contraseña, detalles)
• Capturar imágenes usando la cámara
• Manipular la imagen agregándole emoji con posibilidad de mover emoji alrededor de la imagen
• Notificaciones por correo electrónico para autenticación y restablecimiento de contraseña (con clave de autenticación)
• Perfil, eliminación de imágenes y limpieza de la base de datos del usuario.
• Diseño responsivo desde el móvil al escritorio
• Hash de contraseña
• Prevención de inyecciones de HTML/Javascript/SQL

Instalación

Instalación de ventana acoplable

instalación de linux
instalación mac
instalación de windows

Archivo de configuración

• El archivo config/msmtprc contiene información del remitente del correo (puede cambiar esto)

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

Instalación de imágenes de Docker

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

Después de instalar las imágenes, puedes iniciar el sitio web usando tu dirección IP, porque estamos usando http en lugar de https. La cámara no funcionará para solucionar este problema. Navega por chrome://flags/#unsafely-treat-insecure-origin-as. -Habilítelo de forma segura, agregue su dirección IP al campo y reinicie el navegador.

Capturas de pantalla

Hogar

Iniciar sesión

Inscribirse

Quebrar

Perfil