/discord-clone-frontend

Trabajo integrador grupal de Programacion II - Frontend

Primary LanguageJavaScript

Discord Clone Frontend

Este repositorio se enfoca en el desarrollo de una aplicación web de mensajería, similar a Discord. Los usuarios pueden registrarse y crear o unirse a servidores. Cada servidor es un espacio que aloja usuarios y canales, donde un canal es creado exclusivamente por un miembro del servidor y representa un chat con un historial de mensajes.

📝 Tabla de Contenidos

🏁 Estructura del Proyecto

Antes de ejecutar el proyecto, es necesario clonar ambos repositorios (frontend y backend) en la misma raíz. A continuación, encontrarás los enlaces a los repositorios:

  • Frontend: El frontend de la aplicación está desarrollado utilizando HTML, CSS y JavaScript. Puedes encontrar el código fuente en el siguiente repositorio: Enlace al Repositorio Frontend

  • Backend: El backend de la aplicación está implementado con Flask. Puedes acceder al código fuente en el repositorio dedicado: Enlace al Repositorio Backend

Para obtener información detallada sobre cómo configurar y ejecutar el proyecto, consulta la sección Instalación/Ejecucion a continuación.

Estructura:

.
├── discord-clone-backend           
|   ├── app/                             
│   │   ├── controllers/ 
|   |   ├── models/ 
|   |   ├── routes/ 
|   |   ├── static/
|   |   ├── __init__.py
│   │   └── database.py                 
|   ├── env/                         
|   ├── .gitignore                   
|   ├── README.md                    
|   ├── config.py                    
|   ├── migrate.py                   
|   ├── requirements.txt             
|   ├── .env                         
│   └── run.py                       
├── discord-clone-frontend
|   ├── css/                             
│   ├── img/ 
|   ├── js/ 
|   ├── pages/        
|   ├── README.md                    
|   └── index.html                   
.

🏁 Instalación/Ejecución

Clonar el repositorio backend

git clone https://github.com/Mettralla/discord-clone-backend.git

Ir al directorio del proyecto

cd discord-clone-backend

Crear entorno virtual

python -m venv env

Activar entorno

source env/Scripts/activate

Instalar dependencias

pip install -r requirements.txt

Crear archivo .env e ingresar credenciales de MYSQL y SECRET_KEY

# ./.env
MYSQL_USER = "root"
MYSQL_PASSWORD = "password"
SECRET_KEY = "secret_key"

Migrar la base de datos

python migrate.py

Iniciar backend

python run.py

Volver al directorio padre

cd ..

Clonar el repositorio frontend

git clone https://github.com/Mettralla/discord-clone-frontend.git

Ir al directorio del proyecto

cd discord-clone-frontend

Iniciar live server en index.html

⛏️ Base de datos

Banner

✍️ Autores