itskreisler / my-marvel-list

A simple app to keep track of your favorite Marvel comics

Home Page:https://my-marvel-list.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MyMarvelList

Un sitio web basado en perfiles para ver los comics de MARVEL y que permite crear una lista personalizada de los comics favoritos.

Logo

Screenshots

App Screenshot

Demo

my-marvel-list

Features

✅ SI ❌ No

  • ✅ Registro de usuarios (Nombre, identificación y correo electrónico)
  • ✅ Una vez registrado el usuario y “logueado” sobre el sitio debe poder:
  • ✅ Ver el listado de los Comics con su respectiva imagen
  • ✅ Detalle de cada uno de los Comics, el detalle debe mostrar la imagen y la información del Comic.
  • ✅ El usuario debe poder crear una lista personalizada con sus comics favoritos.
  • ✅ La información de los usuarios y sus preferencias debe persistir.

FAQ

¿Cómo registrarse en MyMarvelList?

MyMarvelList esta basado en perfiles, es decir crea un perfil con tu (Nombre, identificación y correo electrónico) y ya podras ingresar al sitio.

¿Cómo iniciar sesión en MyMarvelList?

Cuando hayas registrado un perfil ya podras navegar por el sitio. Solo elige un perfil de los que hayas creado anteriormente.

¿Donde persiste la lista de comics favoritos?

La información de los usuarios y sus preferencias persisten en localstorage del navegador.

Run Locally

Clonar el proyecto

  git clone https://github.com/itskreisler/my-marvel-list.git

Ir al directorio del proyecto

  cd my-marvel-list

Instalar dependencias

  npm install

Inicie el servidor

  npm run dev

Environment Variables

Para ejecutar este proyecto, deberá agregar las siguientes variables de entorno a su archivo .env

Crea un copia del archivo .env.example y renombralo como .env

Tu clave pública: PUBLIC_KEY

Tu clave privada: PRIVATE_KEY

Tech Stack

Client: React(Vite), React-Bootstrap

Authors

License

MIT

About

A simple app to keep track of your favorite Marvel comics

https://my-marvel-list.vercel.app


Languages

Language:JavaScript 93.1%Language:SCSS 5.0%Language:HTML 2.0%