Giter VIP home page Giter VIP logo

grupo8-e-commerce's People

Contributors

elzeke55 avatar ezequielstuarts avatar sebastinez avatar

Watchers

 avatar  avatar

Forkers

ezequielstuarts

grupo8-e-commerce's Issues

Crear pagina FAQ

La pagina debe ser responsive y navegable a través de enlaces del mismo sitio con las Preguntas frecuentes.

Tarjetas de albumes de diferentes alturas

Tenemos un tema con las tarjetas de álbumes que no son todas de la misma altura lo que queda desalineado cuando hay dos tarjetas de diferentes alturas.
@ezequielstuarts Cuando puedas para el próximo sprint lo podrías chequear? Que sos crack de css.
image

Crear parcial nav

Necesitamos la barra de navegación que se mantiene entre paginas, como un parcial a ser incluido en multiples paginas

Crear animación del nav

El nav debe al hacer scroll hacia abajo volverse menos traslucido y reducir su altura de 100px a 60px.
Asi se evita que el texto del header queda legible debajo del nav.

El sitio debería distinguir usuarios logueados de no logueados.

Para ésto deberían implementar una de las dos funcionalidades descritas a continuación:

  • Incluir una sección en común en todo el sitio, por ejemplo el
    encabezado. Si el usuario está logueado debe indicar su nombre de usuario. En
    caso de no estar logueado debe tener un link a la página de Login.

Crear parcial header

Necesitamos el header que se mantiene entre paginas, como un parcial a ser incluido en multiples paginas

Crear parcial footer

Necesitamos el footer que se mantiene entre paginas, como un parcial a ser incluido en multiples paginas

ScrollBar

Agregar ScrollBar con accesos a mas buscados/mas vendidos, etc, a las secciones

Implementar debounce en la busqueda

Para no llamar la API con cada tecla que se apreta, implementar una forma que la busqueda espere por lo menos 500ms antes de consultar por discos y artistas.

Ejemplo

const input = document.querySelector("input");

let timeoutId;
const onInput = event => {
  if (timeoutId) {
    clearTimeout(timeoutId);
  }
  timeoutId = setTimeout(() => {
    fetchData(event.target.value);
  }, 500);
};

input.addEventListener("input", onInput);

Crear pagina de artista

Necesitamos una pagina donde se pueda ver el detalle de un artista, con sus datos relacionados y una lista de todos los albumes de forma paginada de ese artista.

Carrito de compra funcional

El carrito de compra debe ser funcional, lo que requiere:

  • Recibir solicitudes de compra por parte del usuario, y asociar disco a comprar con usuario
  • Poder modificar cantidad de discos a comprar y borrar discos agregados a carrito.
  • Poder confirmar compra de items en carrito

Crear pagina Home

La pagina debe ser responsive y navegable a través de enlaces del mismo sitio con información general del proyecto

Crear parcial nav-productos

Necesitamos un elemento para filtrar por diferentes criterios que se requiere en varia paginas, como un parcial a ser incluido en multiples paginas

Dar funcionalidad al formulario de login

Se debe dar funcionalidad al formulario de Login, se piden los siguientes requerimientos:

  • Debe estar disponible la opción de "Recordar usuario”.
  • No deberían ser accesibles si el usuario ya está
    logueado.
  • Debería contar con la opción de "Olvidé mi contraseña" funcional.
  • Crear una validación del formulario del lado del servidor.
    • En caso de que haya datos incorrectos o no válidos la página debería mostrar cuáles
      son los errores.
    • En caso de que haya datos incorrectos o no válidos los datos que estaban correctos
      deben seguirse viendo en pantalla (persistencia).

Crear pagina Perfil de usuario

La pagina debe ser responsive y navegable a través de enlaces del mismo sitio. No debe ser funcional todavía, solo visual

Fondo Imagen

Reveer o plantrear, tema de imagen de fondo, se pixela y se mueve

Mejoras de breadcrumb

El breadcrumb debe tener varios niveles.
Cuando uno se encuentra en la vista de un disco individual le debe permitir volver al listado de discos anterior o a la pagina inicial.

Analizar una forma con variables GET o javascript back funcionalidad.

Desarrollo de primer base de datos

Para un primer desarrollo de una base de datos se piden los siguientes requerimientos:

  • Debemos tener un archivo JSON en donde se guarde el/los usuario/s.
  • Las contraseñas de los usuarios se deben hashear con PASSWORD_DEFAULT antes de ser guardadas en la base de datos

Dar funcionalidad al formulario de registración

Se debe dar funcionalidad al formulario de Registración, se piden los siguientes requerimientos:

  • Debería estar disponible la opción de "Recordar usuario”.
  • No deberían ser accesibles si el usuario ya está
    logueado.
  • El usuario final debería poder subir una foto de perfil.
    • Se debe validar que la foto cumpla con algunos requisitos (tamaño y tipo de archivo)
  • Crear una validación del formulario del lado del servidor.
    • En caso de que haya datos incorrectos o no válidos la página debería mostrar cuáles
      son los errores.
    • En caso de que haya datos incorrectos o no válidos los datos que estaban correctos
      deben seguirse viendo en pantalla (persistencia).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.