React y Django: Crea una carta digital para restaurantes

Crea una carta digital con pedidos con React, Django, Python, Hooks, Formik, Yup, JWT, REST API, buenas practicas y mas

4.39 (240 reviews)
Udemy
platform
Español
language
Web Development
category
1,510
students
20 hours
content
Sep 2023
last update
$64.99
regular price

What you will learn

Al finalizar, serás capaz de desarrollar aplicaciones web profesionales con Django Rest Framework y React JS

Buenas prácticas y organización de código

Servicios Rest Con Django y consumirlos con React JS

Aprenderás a crear un CRUD completo y overrides

Sistema de autenticación con JWT

Crear Hooks personalizados

Uso de Context API para gestionar datos del usuario y carrito

Manejo de Formik y Yup

Zonas restringidas usuarios registrados e invitados

Panel de Administrador

Panel de Clientes

Sistema de Login y Registro de empleados

Sistema de pedidos

Manejo del ORM de Django

Y muchas más sorpresas...

Description

¡Conviértete en un programador de aplicaciones y aprende los lenguajes más solicitados por las empresas que buscan empleados este año!

Gracias a este curso aprenderás a desarrollar API REST completas y complejas para poder empezar a crear tus propias apps y así consumirlas desde el FRONT que estaremos creando con React JS.

La idea principal es que aprendas a realizar tus propias aplicaciones, a partir del proyecto que elaboraremos y en el trayecto, vayas aprendiendo o consolidando conocimientos sobre Django Rest Framework y React JS.

Veremos la programación orientada a objetos (POO) los veneficios que tiene y como nos puede ayudar a desarrollar aplicaciones, Python es uno de los lenguajes más populares actualmente en el mercado con una gran salida laboral.

También veremos como podemos consumir el API Rest con React JS para poder crear una aplicación completas y con sistema de permisos para diferentes usuarios o niveles de empleados o clientes.

Durante el curso iremos de manera progresiva incrementando la dificultad con cada clase de esta manera te será muchísimo más fácil aprender e interiorizar todo lo que veamos.

Recuerda que voy a estar todo este camino ayudándote en todo lo que necesites gracias al sistema de preguntas.

¿Qué aprenderemos durante el curso?

  • Al finalizar, serás capaz de desarrollar aplicaciones web profesionales con Django Rest Framework y React JS

  • Buenas prácticas y organización de código

  • Servicios rest con Django y consumirlos con React JS

  • Aprenderás a crear un CRUD completo y overrides

  • Sistema de autenticación con JWT

  • Crear hooks personalizados

  • Uso de Context API para gestionar datos del usuario y carrito

  • Manejo de formik y yup

  • Zonas restringidas usuarios registrados e invitados

  • Panel de administrador

  • Panel de clientes

  • Sistema de login y registro de empleados

  • Sistema de pedidos

  • Manejo del ORM de Django

  • Y muchas más sorpresas...

Espero que te guste el curso y puedas aprender todo lo que necesitas para empezar este gran camino como desarrollador de aplicaciones.

Content

Introducción

Introducción
Repositorio de la App

Entorno de desarrollo

Seleccionando el Navegador
Editor de Código
Extensiones para Visual Studio
Instalación de Node
Instalando Yarn
Instalando Python

Generando proyectos base

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 rutas

Instalando React Router Dom
Layout para las screens
Creando sistema de rutas
Ruta Error404

Sistema de usuarios y autenticación

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
Login del context
Recuperando sesión al recargar la pagina
Logout del context

Panel de administrador

Estructura del TopMenu
Añadiendo lógica el TopMenu
Estructura del SideMenu
Logica y menus del SideMenu
Restringir la sección de usuarios

Gestion de usuarios

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ías

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 productos

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
Pagina de productos
Obteniendo todos los productos
Tabla de productos
Formulario para crear productos
Dropdown de categorias
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 mesas

Creando el app y el model
Creando el ModelViewSet de tables
Pagina de mesas
Obteniendo mesas
Listado mesas
Formulario para crear mesas
Logica para crear mesas
Actualizar mesas
Eliminar mesas

Sistema de pedidos

Creando el app y el model
Creando el CRUD
Añadiendo filtros y ordeting al view
Añadiendo datos del producto y la mesa al serializador
Creando la screen de pedidos
Obteniendo mesas
Listando todas la mesas
Últimos detalles a la vista de la 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 mesas

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 pagos

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 pagos

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 clientes

Pagina de selección de mesa
Formulario para selecionar mesa
Validando si la mesa existe
Creando la screen de categorias
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 QR

Generando el QR por cada mesa

Despedida

Clase Extra

Screenshots

React y Django: Crea una carta digital para restaurantes - Screenshot_01React y Django: Crea una carta digital para restaurantes - Screenshot_02React y Django: Crea una carta digital para restaurantes - Screenshot_03React y Django: Crea una carta digital para restaurantes - Screenshot_04

Reviews

Ruben
October 10, 2023
Usa muchas cosas que ya no se usan como el import React from 'react' y librerias que ya fueron deprecadas como lodash para hacer cosas que se pueden hacer con funciones nativas de javaScript
Fernando
September 29, 2023
Gracias por impartir conocimiento de una manera sencilla y muy práctica, me corresponde ahora dar fe de esos conocimientos aplicándolos en mi trabajo y dispuesto a compartir con otros lo que he aprendido. Muchas gracias nuevamente.
Antonio
August 21, 2023
muy bien explicado aprendi mucho si saber nada y aun que aun sigo aprendiendo uso mucho lo que aprendi aqui en otras cosas
Esteban
May 30, 2023
Todo facil, explica todo y si aveces crees que te quedas atorado, en los comentarios de la clase puedes encontrar alternativas para que sigas avanzando
Kiyana
May 27, 2023
El curso esta muy bien, pero no esta actualizado, y el profesor para mi parecer va excesivamente rápido con sus explicaciones
Yeimy
May 11, 2023
no explicaste como crear el entorno virtual desde el principio y crear el proyecto... por suerte tengo esas bases. pero imagínate a alguien que hasta ahora esta empezando, se perdería en el intento saludos
Sebastian
April 27, 2023
Buena eleccion, codigo simple y sencillo, Algunos conceptos necesitan ser leidos previamente para personas que nunca tuvieron experiencia con django y react.
David
September 7, 2022
Este proyecto realmente me ha ayudado a crecer a un nivel superior en definitiva me abrió la mente, porque esta basada en dos tecnologías backend y frontend que se podrían replicar fácilmente en un trabajo u otro proyecto. Me gustaría otro curso como este pero ahondando en una estructura backend mas compleja obviamente con Django Rest. Agregarle matemática, machine learning o ciencia de datos al backend y seguir aplicando estructuras React. Muchas gracias por este conocimiento.
Jean
August 9, 2022
El curso en general está muy completo, muy bueno para PRACTICAR React & Django Rest Framework. Pero está difícil para aprender, tienes que tener muy buena base en ambos marcos de trabajo para poder entender debido a la velocidad con la que habla y trabaja el instructor. De igual forma, me pareció bueno y no me arrepiento en haberlo tomado. Gracias Agustín!
Juanito
April 19, 2022
Aprendí muchísimo sobre frontend con react y backend con python y django. Curso realmente muy bueno, se los recomiendo. El profesor explica muy bien y siempre está dispuesto a ayudar si tienes algunos inconvenientes en el proceso. Gracias Agustín.
Douglas
March 10, 2022
Me gusta el curso, y lo importante existe mucho apoyo del profesor, el tema del curso es muy interesante porque cubre todo lo que hay que saber sobre una aplicación que cubra el Frontend y el Backend.
María
February 15, 2022
Es un curso entretenido y bueno para aprender a crear proyectos reales. Le falta incorporar bases de datos, como PostgreSQL, y despliegue para alcanzar una calificación de 5 estrellas.
Alexis
November 24, 2021
en la clase 16 tuve problemas con la configuración de rutas con react router v6. Hice exactamente lo que indica el video pero no renderizaba.
Hernando
November 6, 2021
Pesimo estos cursos de este docente. Solo programas opara correr en local. No lo recomiendo para nada. Poco soporte y las respuestas son cada ano y mediocres. Que lastim, perdi el tiempo.

Coupons

DateDiscountStatus
11/3/202150% OFF
expired
11/8/202150% OFF
expired
11/16/202150% OFF
expired
12/8/202150% OFF
expired

Charts

Price

React y Django: Crea una carta digital para restaurantes - Price chart

Rating

React y Django: Crea una carta digital para restaurantes - Ratings chart

Enrollment distribution

React y Django: Crea una carta digital para restaurantes - Distribution chart
4326264
udemy ID
9/29/2021
course created date
11/3/2021
course indexed date
Bot
course submited by