Git Product home page Git Product logo

fitnesspro's Introduction

Hello 馃憢 I麓m Johan

Front-end developer on training



Top Langs


馃尡 I鈥檓 currently learning

TypeScript Next.js Java Spring Boot Maven MySQL

fitnesspro's People

Contributors

johanp77 avatar

Watchers

 avatar  avatar

fitnesspro's Issues

Dise帽o responsivo

Se debe garantizar la accesibilidad de la p谩gina para tener el mayor alcance posible, por esta raz贸n debe ser capaz de adaptarse a la mayor cantidad de pantallas posibles.

Base de datos de suplementos deportivos

Para un 贸ptimo funcionamiento del e-commerce se debe alimentar la base de datos de Firestore con:

  • JSON de prote铆nas.
  • JSON de ganadores de peso.
  • JSON de quemadores de grasa.
  • JSON de productos multivitam铆nicos.

Cada uno con sus respectivas categor铆as, etiquetas, precio, descripci贸n, t铆tulo, im谩genes de referencia.

Prototipo

Realizar un prototipo en Figma de la p谩gina principal del proyecto.

Componentes de uso Global

Hay componentes que requiren ser utilizados m煤ltiples veces a lo largo de la experiencia del usuario, estos compontenes son:

  • Barra de navegaci贸n.
  • Pie de p谩gina.
  • Estado del carrito de compras.

ReadMe

Redactar un ReadMe que explique caracter铆sticas generales de la aplicaci贸n, c贸mo ejecutarse localmente y tecnolog铆as utilizadas durante el proyecto.

Tambi茅n debe contener elementos distintivos tales como nombre y logotipo.

Detallle de producto funcionando incorrectamente

El componente de detalle de producto solo se renderiza cuando se hace click en "ver m谩s" desde la store, si se recarga la p谩gina o se ingresa al detalle del producto desde la URL no funciona.

Wiki

Redactar una Wiki que abarque la mayor cantidad de descripci贸n posible sobre el proyecto como usarse.

Funcionalidades usuario

Se deben implementar las siguientes funcionalidades en base a un usuario:

  • Traer la informaci贸n de usuario desde Firebase y almacenarla usando Redux, para su posterior uso en los distintos componentes de la p谩gina.
  • Mostrar nombre y foto de usuario en la barra de navegaci贸n.
  • Poder editar/modificar los datos del usuario.
  • En base al usuario, guardar un historial de compras en la aplicaci贸n en un JSON en Firebase.

Enrutamiento din谩mico.

Se debe garantizar la seguridad y correcta navegaci贸n del usuario en la p谩gina web, por ende se debe:

  • Construir rutas p煤blicas.
  • Construir rutas privadas.
  • Gestionar redireccionamiento en caso de URL inexistente.

Autenticaci贸n

Se debe implementar la autenticaci贸n con:

  • Usuario con cuenta de Google.
  • Registro con correo y contrase帽a.
  • Registro con Facebook.
  • Implementaci贸n de verificaci贸n medicante correo electr贸nico.

Carrito de compras.

El carrito de compras debe ser capaz de:

  • Llevar un conteo de la cantidad de productos que se quieren comprar.
  • A帽adir un producto.
  • Eliminar un producto.
  • Suma total de los valores de los productos a comprar.

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.