Funko Pop Mania!

🧸 🧙‍♀️ 🧙‍♂️ 🧚 🦸 🤖 👽 🧟 🧛

Ver Aquí 👀

📜Descripción Proyecto:

En la actualidad han subido el número de coleccionistas de funko pops, sus precios al día de hoy son más accesibles, pero muchos no encuentran las colecciones que necesitan para completarlas. Debido a esto decidimos crear una pagina para ayudar a los coleccionistas a intercambiar sus funko pop y acceder a los que les faltaban. Nuestro sitio está dirigido a los amantes de los funko a públicos de todas las edades.

🎨Guia de estilos:

• Tipografía:
  • Akshar
  • Nunito
• Tamaños Texto:
  • 32px, 24px, 16px, 10px.
• Paleta de Colores:
  • 
  • #FFFFFF, #00CCFF, #00A4CD, #000000

🛠️Guia de Instalación:

git clone https://github.com/SteiNNx/ProyectoFinal-Funko-Mania.git funko-mania
cd funko-mania
npm install
npm run serve

📐Herramientas Usadas:

• App:
  • VueJS.
  • Vuex, Vuex-persist.
  • Vue-Router.
  • Firebase, Axios
  • Boostrap-vue.
    • vue-select, vue-social-sharing, vue-toastification.
  • Jest, Cypress
  • vue-template-babel-compiler (Optional Chaining(?.), Nullish Coalescing(??))
  • Dayjs
• WebScrapping
  • Axios
  • Cheerio

👩‍💻Instructivos para desarrolladores

• instructivo de Git
• WebScrapping Generated Api JSON Funkos

👨‍💻Colaboradores

📋Pauta de Evaluación

• Hito 1
  • ✔️ Creación del archivo README.md (0.5 puntos)
  • ✔️ Instalación de las dependencias necesarias. (0.5 puntos)
  • ✔️ Creación de las 3 vistas principales. (2 puntos)
  • ✔️ Creación y uso de un componente reutilizable para el menú. (0.5 puntos)
  • ✔️ Estructura de aplicación en base a SFC. (2 puntos)
  • ✔️ Utilización de renderizado de listas. (0.5 puntos)
  • ✔️ Diseño consistente entre cada vista, respetando guía de estilos. (0.5 puntos)
  • ✔️ Navegación basada en Vue router. (1 punto)
  • ✔️ Uso de librería de componentes para el desarrollo de la interfaz. (1.5 puntos)
  • ✔️ Interfaz responsiva. (1 punto)
• Hito 2
  • ✔️ Conexión con una API usando una librería. (1 punto)
  • ✔️ Almacenamiento de datos en Vuex. (0.5 puntos)
  • ✔️ Modificación del estado en Vuex. (0.5 puntos)
  • ✔️ Comunicación entre componentes mediante props o eventos. (1 punto)
  • ✔️ Definición de variables y métodos necesarios. (2 puntos)
  • ✔️ Contiene las funcionalidades básicas descritas. (3 puntos)
  • ✔️ Agrega funcionalidades extra a las mínimas necesarias. (2 puntos)
• Hite 3
  • ✔️ Implementación del servicio de autenticación de Firebase. (2.5 puntos)
  • ✔️ Persistencia del estado de autenticación del usuario. (1.5 puntos)
  • ✔️ Manejo de rutas según estado de autenticación. (2.5 puntos)
  • ✔️ Opción de cerrar sesión. (0.25 puntos)
  • ✔️ Creación de 2 usuarios. (0.25 puntos)
  • ✔️ Creación de una ruta para recuperar datos desde la base de datos. (1 punto)
  • ✔️ Creación de una ruta para persistir o actualizar datos en la base de datos. (1 punto)
  • ✔️ Conexión de la aplicación con las rutas creadas. (1 punto)
• Hite 4
  • ✔️ Escritura de tests para probar la aplicación completa. (4 puntos)
  • ✔️ Los test escritos abarcan todo el funcionamiento de la aplicación. (2 puntos)
  • ✔️ La aplicación pasa todos los test escritos. (2 puntos)
  • ✔️ Alojamiento de la aplicación en un servicio de Hosting. (2 puntos)