JoanaColl /
ArgProg-Portfolio-Frontend
Trabajo Práctico Final Integrador para el curso #YoProgramo, 2° etapa del Plan Argentina Programa 2022. Aplicación web full stack de arquitectura distibuida.
36/100 healthLoading repository data…
EMILIO25CC / repository
Aplicación web full-stack Contac con vistas en HTML, CSS y JavaScript, y backend REST con autenticación JWT, Spring boot - Security
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Contac es una aplicación web full-stack para la creación y gestión de temas de debate con comentarios públicos. Integra vistas modernas con Bootstrap y un backend REST seguro con autenticación JWT.
- Java 17 o superior
- Maven 3.8+
- Base de datos (MySQL)
# Clonar el repositorio
git clone https://github.com/EMILIO25CC/contac-web.git
# Navegar al directorio
cd contac-web
# Configurar base de datos en application.properties
# Compilar y ejecutar
mvn clean install
mvn spring-boot:run
Web: http://localhost:8080
API: http://localhost:8080/api
# Base de datos
spring.datasource.url=jdbc:mysql://localhost:3306/contac_db
spring.datasource.username=root
spring.datasource.password=password
# JWT
jwt.secret=tu_clave_secreta_aqui
jwt.expiration=86400000
Abre tu navegador en http://localhost:8080
Crea una cuenta o inicia sesión con:
Una vez autenticado, puedes crear nuevos temas de debate mediante URL o subiendo archivos.
Cualquier usuario puede comentar en los temas sin necesidad de autenticación.
POST /api/auth/login
Content-Type: application/json
{
"username": "admin",
"password": "Admin123!"
}
Respuesta exitosa:
{
"token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
"type": "Bearer",
"username": "admin"
}
| Método | Endpoint | Descripción |
|---|---|---|
| GET | /api/temas/listar | Lista todos los temas |
| GET | /api/temas/ver/{id} | Obtiene un tema específico |
| GET | /api/temas/buscar?titulo={texto} | Busca temas por título |
| GET | /api/temas/archivo/{id} | Descarga archivo de un tema |
| Método | Endpoint | Descripción | Auth |
|---|---|---|---|
| POST | /api/temas/url | Crear tema con URL | ✅ |
| POST | /api/temas/archivo | Crear tema con archivo | ✅ |
| PUT | /api/temas/url/{id} | Actualizar tema (URL) | ✅ |
| PUT | /api/temas/archivo/{id} | Actualizar tema (archivo) | ✅ |
| DELETE | /api/temas/{id} | Eliminar tema | ✅ |
Header requerido para endpoints protegidos:
Authorization: Bearer {TOKEN}
POST /api/temas/url
Authorization: Bearer {TOKEN}
Content-Type: application/json
{
"titulo": "Debate sobre IA",
"descripcion": "Discutamos el futuro de la inteligencia artificial",
"url": "https://example.com/ia-debate"
}
| Método | Endpoint | Descripción |
|---|---|---|
| POST | /api/comentarios | Crear comentario |
| GET | /api/comentarios/tema/{idTema} | Listar comentarios de un tema |
POST /api/comentarios
Content-Type: application/json
{
"temaId": 1,
"autor": "Juan",
"contenido": "Excelente tema de debate"
}
/postman/Contac-API.postman_collection.jsonbase_url a http://localhost:8080Verifica que el token JWT esté correctamente formateado en el header Authorization: Bearer {TOKEN}
Asegúrate de que la base de datos esté corriendo y las credenciales sean correctas
Emilio
Selected from shared topics, language and repository description—not editorial ratings.
JoanaColl /
Trabajo Práctico Final Integrador para el curso #YoProgramo, 2° etapa del Plan Argentina Programa 2022. Aplicación web full stack de arquitectura distibuida.
36/100 healthAlejoGuerraa /
Aplicación web desarrollada con Node.js, Express, SQL y React (Vite) para gestionar facultades, carreras, materias, alumnos y profesores, integrado con un sistema de recompensa de conejos
57/100 healthdiegoalegil /
Aplicación web full-stack de torneos y ranking ELO de personajes de anime. Backend en Spring Boot 3 + PostgreSQL, autenticación JWT, datos integrados desde la Jikan API (MyAnimeList). Frontend en HTML/CSS/JS puro.
55/100 health4GeeksAcademy /
SWAP es una aplicación web full stack que permite a los usuarios ofrecer y solicitar servicios para intercambiarlos con otras personas, sin necesidad de dinero. Stack para Backend: Python, Flask, SQLAlchemy, JWT y stack para Frontend: Html, CSS, Javascript, React, Bootstrap
42/100 healthmanita02 /
Aplicación web full stack que tiene todas las capas de una aplicación web, tanto en el lado del cliente como en el lado del servidor.
63/100 healthhebelia /
Desarrollo de una aplicacion portfolio web full stack que muestra los datos personales, estudios, experiencia laboral, habilidades blandas y duras, proyectos, entre otras cosas.
31/100 health