AstroHub

Una aplicación web completa sobre el universo, de la base de datos a la interfaz.

2024
Fullstack
Proyecto de curso

Código (se abre en una pestaña nueva)

Sobre el proyecto

AstroHub es una aplicación web dinámica y completa, desarrollada como proyecto final del módulo de desarrollo web del curso Fullstack de MasterD.

Inspirada en el universo y la exploración espacial, combina frontend, backend y base de datos.

Permite registro de usuarios, gestión de perfiles, administración de noticias y control de citas astronómicas, todo con HTML, CSS, JavaScript, PHP y MySQL.

Se probó y ejecutó en local con XAMPP, integrando la parte pública y los paneles internos de usuario y administrador.

Funcionalidades

Registro y autenticación de usuarios
Gestión de noticias astronómicas
Panel de administración completo
Citas astronómicas interactivas
Validación de formularios y contraseñas cifradas
Diseño responsive con HTML5 y CSS3

Stack tecnológico

Lenguajes y frameworks

HTML
CSS
JavaScript
PHP
MySQL

Diseño y estilos

Figma
Diseño responsive

Herramientas

Apache
XAMPP
phpMyAdmin

Proceso de desarrollo

AstroHub abarcó todo el stack. La interfaz se hizo con HTML5, CSS3 y JavaScript, y la lógica de servidor y los datos, con PHP y MySQL.

Un sistema de autenticación y roles (visitante, usuario y administrador) controla el acceso a cada sección, con paneles diferenciados para gestionar noticias, citas y perfiles.

La base de datos se creó e importó con phpMyAdmin y se ejecutó en local con XAMPP, para un entorno de pruebas realista.

Retos técnicos

Autenticación y roles de usuario
Paneles separados para usuarios y administradores
Gestión completa de base de datos con MySQL
Integración local con XAMPP

Notas

Atención: AstroHub solo funciona en local. Necesita XAMPP (Apache + PHP + MySQL) y la base de datos incluida.
Nota: Desarrollado con fines educativos como proyecto de curso.