React y Django: Crea una carta digital para restaurantes

Introducción2 clases

Introducción

Repositorio de la app

Entorno de desarrollo6 clases

Seleccionando el Navegador

Editor de Código

Extensiones para Visual Studio

Instalación de Node

Instalando Yarn

Instalando Python

Generando proyectos base6 clases

Creando el proyecto de Django para el backend

Instalando Django Rest Framework

Configurando la documentación de la API

Creando el proyecto de React para el frontend

Instando y configurando Semantic UI React

Configurando SASS

Sistema de rutas6 clases

Instalando React Router Dom v5

Instalando React Router v6

Layout para las screens

Creando sistema de rutas con React Router Dom v5

Creando sistema de rutas con React Router v6

Ruta Error404

Sistema de usuarios y autenticación16 clases

Creando superuser para el panel de Django

Modificando el modelo del usuario

Creando el CRUD de usuarios

Override la creación de usuario

Override de la actualización del usuario

Endpoint para obtener los datos personales

Estructura del login admin

Formulario de login

Estado y validación del formulario de login

Creando endpoint de login con JWT en Django

Realizando login y configurando CORS

Toast para los errores

Contexto del usuario y custom hook

Recuperando sesión al recargar la pagina

Logout del context

Panel de administrador5 clases

Estructura del TopMenu

Añadiendo lógica el TopMenu

Estructura del SideMenu

Logica y menus del SideMenu

Restringir la sección de usuarios

Gestión de usuarios13 clases

Obteniendo todos los usuarios

Header Page

Tabla de usuarios

Iconos y aciones de la tabla

Modal basico

Formulario para crear usuarios

Estado y validación del formulario

Logica para crear usuarios

Cerrando modal y refrescando lista

Formulario para editar usuarios

Logica para actualizar usuario

Confirmación para eliminar usuario

Logica para eliminar un usuario

Sistema de categorías12 clases

Creando la app y el modelo

Creando el ModelViewSet de categorías

Pagina de categorías

Obtener todas las categorías

Renderizando tabla de categorías

Formulario para crear categorías

Controlando la imagen de la categoría

Estado y validación del formulario

Creando la categoría

Formulario para editar la categoría

Logica para actualizar categorías

Logica para eliminar una categoría

Sistema de productos15 clases

Creando el app y el model

Creando el ModelViewSet de productos

Sistema de filtros

Añadir información de la categoría asociada al producto

Página de productos

Obteniendo todos los productos

Tabla de productos

Formulario para crear productos

Dropdown de categorías

Subida de imagenes de productos

Estado y validación del formulario

Logica para crear productos

Formulario para actualizar producto

Logica para actualizar productos

Logica para eliminar productos

Sistema de mesas9 clases

Creando el app y el model

Creando el ModelViewSet de tables

Página de mesas

Obteniendo mesas

Listado de mesas

Formulario para crear mesas

Logica para crear mesas

Actualizar mesas

Eliminar mesas

Sistema de pedidos14 clases

Creando el app y el model

Creando el CRUD

Añadiendo filtros y ordering al view

Añadiendo datos del producto y la mesa al serializador

Creando la screen de pedidos

Obteniendo mesas

Listando todas las mesas

Últimos detalles a la vista de las mesas

Obteniendo los pedidos de una mesa

Marcando las mesas que tienes pedidos pendientes

Mostrar las mesas ocupadas

Link para cargar la información de la mesa

Reload de mesas manual

Reload de mesas automatico

Detalles de las mesas13 clases

Obteniendo los pedidos de una mesa

Listado pedidos

Diferenciar pedidos entregados y pendientes

Ordenando pedidos por status y fecha

Formateando las fechas de los pedidos

Marcar un pedido como entregado

Obteniendo el numero de la mesa

Formulario para crear pedidos a una mesa

Obteniendo productos para el dropdown

Añadiendo formik y yup al formulario

Listado productos seleccionados

Eliminando productos de la lista

Logica para añadir pedidos a una mesa

Sistema de pagos14 clases

Creando el app y el model

Creando el CRUD

Añadir filtros y ordering

Añadir model Payment al model Order

Botón para pedir la cuenta desde el admin

Creando objeto del pago

Creando la cuenta de la mesa

Asociando la cuenta a los pedidos de la mesa

Validando botón de pedir la cuenta

Componente para ver los detalles de la cuenta

Añadiendo información real

Cerrando la cuenta de una mesa

Cerrando pedidos de una mesa

Mostrando que mesa ha pedido la cuenta

Historial de pagos6 clases

Creando screen y ruta

Obteniendo todos los pagos finalizados

Tabla historial pedidos

Modal para ver la información de una mesa cerrada

Obteniendo los pedidos de una mesa

Pintando todos los productos de la cuenta

App Web para los clientes24 clases

Pagina de selección de mesa

Formulario para selecionar mesa

Validando si la mesa existe

Creando la screen de categorías

Definiendo el layout del cliente

Obteniendo las categorías

Pintando categorías

Pagina de productos

Obteniendo los productos de una categoría

Pintando todos los productos

Añadiendo productos al carrito

Pagina del carrito

Obtener los productos del carrito

Vista cuando el carrito esta vacío

Lista de productos en el carrito

Botón para quitar producto del carrito

Obteniendo el pago total del carrito

Generando pedido

Pagina de pedidos de la mesa

Obteniendo los pedidos de una mesa

Pintando lista de pedidos

Botón para pedir la cuenta

Preparando la creación de la cuenta

Validando si se ha pedido la cuenta

Generador de QR1 clases

Generando el QR por cada mesa

Deploy3 clases

Preparando una cuenta en Heroku

Configurando la app Django y desplegando

Desplegando el frontend en Neylify

React y Django: Crea una carta digital para restaurantes

Contenido del curso

Comentarios de los estudiantes

Valoraciones

Este curso incluye:

Instructor del curso