“Explorando el universo, una publicación a la vez.”
Asterium es una plataforma fullstack dedicada a la astronomía, el cosmos y la ciencia del universo. El proyecto combina artículos, imágenes, juego, noticias y contenido generado por los usuarios para crear una comunidad interactiva de amantes del espacio.
El objetivo principal es hacer que la astronomía sea accesible, inspiradora y visualmente atractiva.
Asterium es un blog donde los usuarios pueden:
- Leer artículos sobre planetas, galaxias y descubrimientos.
- Crear y publicar sus propias entradas.
- Gestionar su perfil y actividad.
El diseño está inspirado en el cielo nocturno: tonos oscuros, detalles estelares, transiciones suaves y una tipografía moderna.
- Página principal — flujo de artículos y secciones temáticas.
- Registro / Inicio de sesión — autenticación mediante formulario.
- Perfil del usuario — gestión del perfil y de las publicaciones.
- Crear artículo — editor con soporte Markdown.
- Ver artículo — página limpia con contenido y sección de comentarios.
El diseño sigue un estilo minimalista con enfoque en la lectura y la experiencia visual.
¡Atención! El prototipo en Figma puede diferir del diseño que tenemos como resultado.
Vistas: about us, post page, feedback page, register page, login page, create a new post page, profile page, search result page.
- ⚛️ React + Vite
- 🎨 TailwindCSS
- 🧭 React Router
- 🔤 Renderizado Markdown
- 🔧 Axios para solicitudes API
/client
├── src/
│ ├── assets/ # imágenes e íconos`
│ ├── components/ # componentes UI (Navbar, Card, Button)
│ ├── pages/ # vistas (Home, Article, Profile)`
│ ├── router/ # enrutamiento`
│ ├── services/ # conexión con API`
│ ├── store/ # estado global`
│ ├── validators/ # validaciones de formularios`
│ └── main.tsx# 1. Clonar el repositorio
git clone https://github.com/Asterium360/Aster-Client.git`
cd client
# 2. Instalar dependencia
cd client && npm install
# 3. Ejecutar el proyecto
npm run dev # ejecuta frontend en modo desarrollo🛰️ Frontend → http://localhost:5173
npm run test
Se prueban:
- Operaciones CRUD (posts, comentarios, usuarios)
- Autenticación
- Endpoints de la API
Usamos GitHub Projects para organizar el trabajo del equipo, asignar tareas y hacer un seguimiento del progreso de cada etapa del proyecto.
| Nombre | Rol | GitHub | |
|---|---|---|---|
| Anngie | Project Lead, Fullstack Developer | link | link |
| Larysa | Scrum Master, UI designer, Frontend Developer | link | link |
| Michelle | Frontend Developer | link | link |
| Maryori | Backend Developer | link | link |
| Sofia | Backend Developer | link | link |
- 💻 Página web:
- ✉️ Correo electrónico: equipoasterium@gmail.com
Proyecto realizado en Factoría F5 – Bootcamp FullStack & DevOps. Diseñado con buenas prácticas de arquitectura, seguridad y documentación profesional.