Skip to content

Konbini Otaku, Web E-Commerce del proyecto Estación Otaku, desarrollada con Next.js y desplegada con Vercel

License

Notifications You must be signed in to change notification settings

vcerpasalas/konbini-otaku

 
 

Repository files navigation

Konbini Otaku 💬🛒⛩️🎌 - Reto Final (parte 2)

Este proyecto constó de proponer "Konbini Otaku", la cual es una tienda virtual en la que podrás adquirir productos, ropa, regalos, arte y souveniers. Adquiere tu producto favorito en la temática del mundo Anime. Konbini Otaku forma parte de la marca "Estación Otaku" y será el lugar ideal para encontrar aquel detalle que necesitas. Nuestro catalogo se actualiza frecuentemente ¡Contamos con productos de los animes de moda! En adición, ofrecemos una experiencia nueva a nuestros clientes a través de nuestro reto. Podrás jugar nuestro quiz Otaku. Responde a la mayoría de preguntas y gana vales de descuento para tu próxima compra.

¿Aceptas nuestro reto?

Para vivir la experiencia completa en Konbini Otaku 🛒, hemos dividido nuestra web en las siguientes secciones:

1️⃣ Landing page: contiene un Header, un botón de "la promoción del mes" (Poster Bleach a S/. 25) y la sección de productos en venta. Podrás descubrir todos los productos que tenemos nuestro catálogo.

2️⃣ Información del producto: muestra la información de cada producto. Podrás ver la imagen en mayor tamaño, así como mayor información. Tenemos un botón de pedido por Whatsapp, en el cual podrás comunicarte con nuestra tienda y continuar tu compra.

3️⃣ Quiz Otaku: Te invitamos a resolver nuestro quiz sobre animes. Responde las 12 preguntas y al final podrás revisar tus respuestas.

Adicional: Nuestra tienda presenta links a "Estación Otaku" (web de streaming de animes) y a la página de Nosotros (conoce a nuestro equipo).

Instalación 💻

  • Ubicarse en la carpeta del proyecto
  • Abrir la terminal de comandos

Esquemas / Moodboard

konbini-esquema.jpg

konbini-moodboard.jpg

Nuestra presentación

https://docs.google.com/presentation/d/1Db7aqM9pRuBkgFy06OlU4AN9Uis4aNWZd8W8IYk3niI/edit?usp=sharing

Vistas del proyecto

Vista pantalla completa en laptop

web-konbini.jpg

web-konbini1-5.jpg

web-konbini2.jpg

web-konbini3.jpg

Vista responsive en mobile

mobile-konbini1.jpg

mobile-konbini2.jpg

mobile-konbini3.jpg

mobile-konbini4.jpg

Arquitectura del proyecto

konbini-arquitectura.jpg

Lenguajes y herramientas

Se utilizaron diversas herramientas en una primera etapa, para el diseño gráfico, esquemas, mocks, y linea gráfica de la marca "Konbini Otaku" y estudio UX/UI. En la segunda etapa, para desarrollar la web del proyecto, hemos utilizado los siguientes lenguajes y tecnologías aprendidas durante el módulo Front End del Bootcamp:

Next.js HTML CSS JavaScript Axios Shopify Storefront API GraphQL React Icons Tailwind CSS Figma Photoshop Nano ID

Contribuciones

Te pedimos leas los códigos de conducta de GitHub y el presente "README.md" para poder utilizar y contribuir con el proyecto. Se recomienda el uso del proyecto únicamente para fines académicos y educativos. Prohibido su uso para fines comerciales.

Todos los derechos reservados.

Autores

Neko Coders

  • Cerpa Salas, Valeria
  • Chan Yance, Bruno
  • Lazarinos Armendariz, Jeanfranco
  • Huamán Lazo, Diego
  • Palomino Portugal, Clarissa
  • Peña Pacora, Gina
  • Yong Zea, Paula

Licencia

Este proyecto contiene una licencia MIT - ver el archivo adjunto en el repositorio para conocer los detalles.

Agradecimientos

  • Profesor Elliot Garamendi, por la enseñanza.
  • Fundación Es Hoy y CODIGO, por la oportunidad de formarnos en desarrollo web.

Este proyecto fue desarrollado con ❤️ por Neko coders

About

Konbini Otaku, Web E-Commerce del proyecto Estación Otaku, desarrollada con Next.js y desplegada con Vercel

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 94.1%
  • CSS 5.9%