https://github.com/soymichelt/app-nextjs-marvel
Aplicación desarrollada con NextJS que consume la API de Marvel
https://github.com/soymichelt/app-nextjs-marvel
javascript marvel-api nextjs reactjs
Last synced: about 2 months ago
JSON representation
Aplicación desarrollada con NextJS que consume la API de Marvel
- Host: GitHub
- URL: https://github.com/soymichelt/app-nextjs-marvel
- Owner: soymichelt
- Created: 2024-09-15T23:11:06.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-09-16T00:03:27.000Z (8 months ago)
- Last Synced: 2025-01-28T20:13:48.018Z (4 months ago)
- Topics: javascript, marvel-api, nextjs, reactjs
- Language: JavaScript
- Homepage: https://marvel-app-opal.vercel.app/
- Size: 600 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Aplicación desarrollada con NextJS y la API de Marvel
## Descripción
Esta aplicación está desarrollada con NextJS, utilizando VanillaJS y VanillaCSS para ofrecer una experiencia rápida y ligera. La aplicación se conecta a la API de Marvel para obtener y mostrar un conjunto de imágenes de personajes y cómics del universo Marvel. Los usuarios pueden explorar la galería y seleccionar sus personajes o cómics favoritos, los cuales se almacenan en `localStorage` para que puedan ser fácilmente accedidos en futuras sesiones, incluso sin conexión a internet.
Entre sus características principales se incluyen:
- Listado dinámico de personajes y cómics extraídos de la API de Marvel.
- Funcionalidad para marcar personajes y cómics favoritos.
- Persistencia de favoritos mediante localStorage, permitiendo conservar la información localmente.
- Interfaz simple y responsiva, diseñada exclusivamente con VanillaCSS para garantizar una experiencia de usuario fluida.
## Scripts
Para gestionar el proyecto cuenta con una serie de comandos o scripts que le ayudarán a realizar las operaciones necesarias para su implementación. Estos comandos son los siguientes:
- `npm run dev`: Permite ejecutar la aplicación en modo desarrollo. Esto le proporcionará una URL de localhost con un puerto para que pueda visualizar la app en un navegador.
- `npm run build`: Permite transpilar el código de NextJS y de los componentes de ReactJS a JavaScript vanilla, el cúal puede ser interpretado por los navegadores.
- `npm run start`: Este comando solo se debe ejecutar después de haber ejecutado el comando `npm run build`. Este tomará el bundle generado por el proceso del traspilado y ejecutará la aplicación en modo producción. Idealmente este proceso se debería realizar en un servicio que permita desplegarlo en la web.
## Demo
Puede conectarse a una demo de la aplicación ingresando a la URL: [https://marvel-app-opal.vercel.app/](https://marvel-app-opal.vercel.app/)
## Contacto
Añado información de contacto, para cualquier duda o información:
- [[email protected]](mailto:[email protected])
- [[email protected]](mailto:[email protected])
- [LinkedIn](https://www.linkedin.com/in/soymichelt)
