You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Tendrán que desarrollar una aplicación desde cero con temática libre, deberán consumir algún API para brindar contenido a su aplicación, crear una sección de favoritos, donde el usuario podrá almacenar información de esa API. Tendrán que utilizar Firestore, para administrar la base de datos de esta sección y utilizaran FireAuth para la autenticación de usuarios. También tendrán que utilizar un mínimo de 2 custom hooks.
🔨 Requerimientos minimos
React
Redux Toolkit
React Router V6
SDK Firebase V9
Axios
Repositorio en Github, con Readme detallando.
Rapidaso APP
Rapidaso APP es mi trabajo final para la SkillFactory, es una app inspirada en aplicaciones de reparto como Rappi, Glovo etc.
Esta app esta echa en React con Tailiwind CSS, Motion para las animaciones y Firebase para la autenticacion y la base de datos.
La app cuenta con 4 secciones importantes, el home que nos muestra 4 productos destacados,
luego podemos ver un slider con Frutas que son directamente sacadas de la base de datos.
Despues tenemos la Carta de Comidas que es un filtro de comidas segun la categoria imprime abajo las comidas disponibles y en el caso de no haber disponibles muestra una imagen de error
Aqui podemos ver la categoria de Pollo la cual podemos actualizar desde la cuenta admin agregando mas items a la base de datos.
Luego podemos loguearnos con Google Auth, logueandote como ADMIN desbloqueas un boton secreto para agregar items a la base de datos
En el modo admin podemos cargar nuestros productos directamente desde la aplicacion a la base de datos siendo totalmente facil para cualquier persona
Este formulario tiene validaciones que al no completarlas lanza un error y una alerta
Aca cargamos nuestro producto asigando un nombre, categoria, imagen, calorias y precio.
Al cargarse satisfactoriamente el producto muestra una notificacion
Al cargarse satisfactoriamente el producto muestra una notificacion
Luego filtramos por categoria y aparece nuestro producto agregado a la base de datos. Que permanecera guardada por mas que actualicemos la pagina ya que se guarda en la base de datos
Tambien tenemos un carrito de compras al cual podemos ir agregando productos clickeando en el circulo rojo
El carrito aun cuenta con fallos y falta agregarle un reset al estado para que al comprar se actualice y borre todo simulando la compra pero no me enfoque en eso sino en la funcionalidad de poder agregar productos y que queden en la aplicacion
En el caso de no estar logueados nos va a pedir que iniciemos sesion para poder continuar
Proximamente voy a estar trabajando en nuevas features para la app y hacerla mas completa como agregarle mas secciones y funcionalidades y simular una compra hasta el final incluyendo metodo de pago.
Muy agradecido con Avalith y con mi facilitador Beto por esta capacitacion increible en React super enriquecedora tanto como en conocimientos como en habilidades blandas rodeado de un hermoso grupo de cursada y grandes profesores.
