Punto de venta con REACT

Punto de venta con REACT - FULL STACK

Proyecto FUNCIONAL - Zustand, TanStack, Supabase, PostgreSQL, Atomic Design

Comprar $7.99

Opcional a Paypal

Si tienes problemas para pagar con paypal usa esta opción

$ 7.99

Course curriculum

1. Como funcionara el curso
2. Resolucion de preguntas
3. Requerimientos previos
4. Instalar extensión para Styled Components
1. 1 Creando el proyecto
2. 2 Instalar Auto Barrel
3. 3 Configuracion de auto barrel
4. 4 Organizando carpetas
5. 5 Instalando dependencias basicas
6. 6 Agregando estilos globales
7. 7 Primer maquetado
8. 8 Definiendo secciones
9. 9 Definiendo return
10. 10 Implementando temas con zustand
11. 11 Agregando el SIDEBAR
12. 12 Cambiando tamaños
13. 13 Diseño del login
14. 14 Agregando Buttons
15. 15 Culminando diseño
16. 16 Footer
17. 17 Conectando a SUPABASE
18. 18 AuthStore
19. 19 Probando login
20. 20 Context
21. 21 Data user
22. 22 Rutas protegidas
23. 23 Finalizando login
24. Código fuente de la sección
1. 1 Creando la tabla de productos
2. 2 Tablas basicas
3. 3 Probando trigger
4. 4 Insertando Sucursales
5. 5 Tabla categorias
6. 6 Diagrama logico para la subida de imagenes
7. 7 Funcion insertar categorias
8. 8 Configurando el Storage
9. 9 Subiendo imagen al Storage
10. 10 Mostrar categorias
11. 11 Probando insertar empresa
12. 12 Mostrar usuarios
13. 13 Insertar empresa
14. 14 Insertando usuarios
15. 15 Registrando varios usuarios
16. 16 Insertar asignacion de sucursales
17. 17 Creando pagina de configuracion
18. 18 Diseño de pagina configuraciones
19. 19 Instalando TanStack
20. 21 Mostrar modulos
21. 22 Usando Tanstack Query
22. 23 Agregando Spinner
23. 24 Maquetado de categorias
24. 25 Agregando btn
25. 26 Buscador
26. 27 Editar categorias
27. 28 Actualizar imagenes
28. 29 useCategoriasStore
29. 30 Tabla categorias
30. 31 Mostrar empresa por usuario_
31. 32 Llamando por Query
32. 33 Mostrar categorias
33. 34 TansTack Table
34. 35 Registro de categorias
35. 36 Explicacion global de registro
36. 37 Validando categorias
37. 38 Agregando refetchOnWindowFocus
38. 36 Explicacion global de registro
39. 39 Probando editar y eliminar
40. 40 Terminando el crud completo
41. Código fuente de la sección
1. 1 Tabla productos
2. 2 Tablas extras
3. 3 Modulo de productos
4. 4 Pagina de productos
5. 5 Agregando inputs
6. 6 Dividiendo el formulario
7. 7 Switch
8. 8 Selector
9. 9 Mostrar sucursales
10. 10 Seleccionar sucursal
11. 11 Seleccinar categoria
12. 12 Se vende por
13. 13 Generar codigo automatico
14. 14 Regiones
15. 15 Rpc insertar productos
16. 16 Validando campos
17. 17 Gegerar codigos
18. 18 Validar datos vacios
19. 19 Probando validaciones
20. 20 Insertar productos
21. 21 Mostrar columnas
22. 22 Rpc mostrar productos
23. 23 Rpc buscar productos
24. 24 Eliminar productos
25. 25 Mostrar stock de almacen
26. 27 Validar check inventarios
27. 26 Validar stock
28. 28 Eliminar almacen
29. 29 Trigger para actualizar uso de inventarios
30. 30 Validar refetch
31. 31 Editar productos
32. 32 Altura del formulario
33. 33 Modificando inputs de codigos
34. 34 Terminando validaciones
35. Código fuente
1. 1 Creando la pagina para pos
2. 2 Maquetado inicial
3. 3 Header
4. 4 Header separado
5. 5 Area teclado
6. 6 Terminando esquema
7. 7 Dando stylos al header
8. 8 Item detalle
9. 9 Totales
10. 10 Rellenos
11. 11 Style Footer
12. 12 Menu hamburguesa
13. 13 Lista desplegable
14. 14 Finalizando
1. Bienvenida a la sección
2. Script de la base de datos (OPCIONAL)
3. 1 Tabla ventas
4. 2 Trigger para disminuir el stock
5. 3 Declarando variables
6. 4 Probando trigger
7. 5 Validar sucursal
8. 6 Aumentar stock
9. 7 Crud ventas
10. 8 Probando primer venta
11. 9 Borrando ventas incompletas
12. 10 Validando ventas
13. 11 Agregando detalles de venta
14. 12 Agregando paginas de welcome y 404
15. 13 Mostrar sucursales asignadas
16. 14 Llamando al rpc
17. 15 Modificando columnas
18. 16 Mostrar detalle ventas
19. 17 Mostrar almacen por producto
20. 18 Solucionando problema de primer select
21. 19 Obteniendo el id de almacen
22. 20 Agregando estilos al detalle
23. 21 Mejorando el buscador
24. 22 Agrupando productos repetidos
25. 23 Probando la agrupacion de productos
26. 24 Modificando almacenes
27. 25 Mostrando ventas
28. 26 Animacion en ventas
29. 27 Eliminar detalle ventas
30. 28 Ordenando items
31. 29 Mostrar animacion
32. 30 Botones para aumentar y disminuir cantidad
33. 31 Persistencia de datos
34. 32 Aumentar cantidad
35. 33 Disminuir cantidad
36. 34 Totalizador
37. 35 Mejorando diseño de cantidades
38. 36 Actulizando el totalizador
39. 37 Solucionando totalizador
40. Código fuente de la sección
1. 1 Dando funcionalidad de flechas a lista
2. 2 Eliminar venta
3. 3 Pantalla Cobro
4. 4 Usando Sonner
5. 5 Ingreso de cobro
6. 6 Input efectivo
7. 7 Input credito y tarjeta
8. 8 Calculo del vuelto y restante
9. 9 Validacion del restante
10. 10 Mutacion insertar ventas
11. 11 Exponiendo funcion del hijo al padre
12. 12 Page empresa
13. 13 Maquetado
14. 14 Diseño de basicos
15. 15 Agregando animacion
16. 16 Funciones editar empresa
17. 17 Llamando a funciones
18. 18 Primeras pruebas
19. 19 Guardando la imagen
20. 20 MonedaConfig
21. 21 Desplegar iconos
22. 22 Subruta por defecto
23. 23 Actualizar moneda
24. 24 Button editar cliente
25. 25 Buscador de clientes
26. 26 Tabla de clientes y proveedores
27. 27 Pagina de clientes proveedores
28. 28 Registro de clientes proveedores
29. 29 Crud clientes proveedores
30. 30 Store clientes proveedores
31. 31 Consultando clientes y proveedores
32. 32 Eliminar clientes y proveedores
33. 33 Editar clientes y proveedores
34. 34 Buscar clientes y proveedores
35. 35 Seleccionando un cliente
36. 36 Asignando cliente
37. 37 Mejorando diseño del item
38. Código fuente de la sección
1. 1 Impresoras termicas_
2. 2 Estructura basica
3. 3 Creando un pdf
4. 4 Conversion de imagenes a base64
5. 5 Primeras pruebas
6. 6 Creando los estilos
7. 7 Datos de clientes
8. 8 Tabla productos
9. 9 Lineas personalizadas
10. 10 Totales
11. 11 Creando el codigo QR
12. 12 Implementando el ticket
13. Código fuente de la sección
1. 1 Implementando formato de dinero
2. 2 Creando el StoreCierreCaja
3. 3 Maquetado general
4. 4 Terminando estilos
5. 5 Tablas a manejar
6. 6 Tablas de movimientos
7. 7 Store cierre caja
8. 8 Mostrando cierres de caja
9. 9 Pantalla apertura caja
10. 10 Registrando apertura de caja
11. 11 Primeras pruebas de ingresos
12. 12 Validando state ingresos salidas
13. 13 Menu flotante
14. 14 Diseño del cierre de caja
15. 14 Diseño del cierre de caja
16. Código fuente de la sección
1. 1 Creando tabla movimientos de caja
2. 2 Enlazando a tabla empresa
3. 3 Modificando trigger para metodos de pago
4. 4 Agregando columnas de validacion
5. 5 Enlace con cierres de caja
6. 6 Registrando 5k productos
7. 7 Mostrando metodos de pago
8. 8 Organizando los metodos de pago
9. 9 Validando inputs
10. 10 Validando evento onChange dinamico
11. 11 Modificando los calculos
12. 12 Valores por defecto
13. 13 Modificando parametros de venta
14. 14 Registrando mov caja
15. 15 Mejorando el AuthContext
16. 16 Agregando input cantidad
17. 17 Validar cantidad
18. 18 Funcion de input en lista
19. 19 Adaptando en modo mobil
20. 20 Validando eliminar item
21. 21 Mejorando la section areatipopago
22. 22 Retirando inputs
23. 23 Agregando metodos de pago a salidas e ingresos caja
24. 24 Insertando movimientos
25. 25 Creando hook para fecha
26. 26 Dando funcionalidad
27. 27 Terminando de implementar btns Caja
28. 28 Crud metodos pago
29. 29 Store metodos pago
30. 30 Metodos pago page
31. 31 Adaptando formulario
32. 32 Probando crud
33. 33 Pasando focus a lista
34. 34 Insertando movimiento de apertura
35. 35 Sumando movimientos de caja sin ventas
36. 36 Sumar ventas por metodo de pago
37. 37 Filter y reduce
38. 38 Calculo de totales
39. 39 Fechas rango
40. 40 Pasando totales
41. 41 Terminando los totales
42. 42 Pantalla conteo de caja
43. 43 Mutacion en cerrar turno
44. 44 Cerrando caja
45. 45 Probando
46. 46 Cerranso sesion
47. 47 Restaurando la Base de datos
48. Código fuente de la sección
1. 1 Maquetado inicial
2. 2 Maquetado del filtro
3. 3 DatePicker
4. 4 DashboardStore
5. 5 Calculo de rangos
6. 6 Fechas por dia
7. 7 Styles
8. 8 Terminando el header
9. 9 Card totales
10. 10 Terminando card totales
11. 11 Recharts
12. 12 Personalizando grafica
13. 13 Limitando content
14. 14 Terminando Productos TOP
15. 15 Barra de Scroll
1. 1 Objetivo de la seccion
2. 2 Implementando metodologia ui toolkit
3. 3 Button dashed
4. 4 Mapear sucursales
5. 5 Styles de sucursales
6. 6 Terminando styles de cajas
7. 7 Formulario registrar sucursales
8. 8 Funcionalidad de insertar
9. 9 Probando insertar sucursales
10. 10 Editar sucursales
11. 11 Insertar Cajas
12. 12 Editar trigger valores por defecto
13. 13 Controladores de eliminar
14. 14 Eliminar sucursales y cajas
15. 15 AnimatedGrid
16. Código fuente de la sección
1. 1 Presentacion de la seccion
2. 2 Que puerto utilizar
3. 3 Listando todas las impresoras instaladas
4. 4 Imprimir ticket
5. 5 Preparando el servidor
6. 6 Publicando el proyecto
7. 7 Instalando advanced installer
8. 8 Creando el ejecutable
9. 9 Conexiones como invitados desde celular
10. 11 Habilitar conexiones por IP
11. 12 Optener IP local
12. 13 Probando en proyecto en produccion
13. 14 Mostrar lista de impresoras como objetos
14. Código fuente de la sección + ejecutable + documentación api
1. 1 Creando pagina de impresoras
2. 2 Diseño de descarga
3. 3 Pasando archivo de descarga
4. 4 ImpresorasStore
5. 5 SelectList
6. 6 Tabla impresoras
7. 7 Mostrar impresoras por caja
8. 8 Generar ticket prueba
9. 9 Mostrar datos de caja asignada
10. Código fuente de la sección
1. 1 Creando pagina usuarios
2. 2 Mostrar sucursales
3. 3 Cajas por sucursal
4. 4 Permisos list
5. 5 PermisosStore
6. 6 PermisosToggle
7. 7 Modulos por default
8. 8 Mostrar permisos por user
9. 9 Insertar credenciales
10. 10 Preparando las funciones
11. 11 Probando el insertar
12. 12 Mostrar usuarios asignados
13. 13 Buscar usuarios asignados
14. 14 Eliminar usuario
15. 15 Agregando permisos por defecto
16. 16 Permisos globales
17. 17 Validando las rutas
18. 18 Validando el dashboard
19. 19 Validar Permisos Operativos
20. 20 Validar subrutas
21. Código fuente
1. Temas puntuales de la sección
2. 1 Implementando select almacenes
3. 2 Mostrar almacenes por empresa
4. 3 Store almacenes
5. 4 Formulario registrar almacen
6. 5 Insertar almacen
7. 6 Editar almacenes
8. 7 Eliminar almacenes
9. 8 Retirando button de insertar sucursal
10. 9 Mostrar almacenes por sucursal
11. 10 Insertar stock
12. 11 Mostrar stock por almacen
13. 12 Terminando el crud
14. 13 Insertar ventas
15. 14 Validando id_venta
16. 15 Probando
17. 16 Modificando detalle venta
18. 17 Validar stock por trigger
19. 18 Validar nuevo registro
20. 19 Devolver stock eliminado
21. 20 Editar cantidad de detalle venta
22. 21 Buttom mas y menos
23. 22 Eliminar detalle venta
24. 23 Retirando useCartVentasStore
25. 24 Solucionando stores
26. 25 Confirmar venta
27. 26 Limpiar detalle de ventas
28. 27 Modal de stock disponible
29. 28 Disño del modal
30. 29 Mostrar modal
31. 30 Validaciones finales del modal
32. 31 Eliminar venta
33. 32 Login con email
34. 33 Agregando ruta Dashboard
35. 34 Agregando LandingPage
36. 35 Mejorando el registro de productos
37. 36 Implementando cambio de tema enlazado a tabla
38. 37 Cambios en protected route
39. 38 Cambios en productos
40. 39 Buttom invitado
41. 40 Mejora de diseño pos
42. 41 Filtrar modulo home
43. 42 Crear correos aleatorios
44. Código fuente + base de datos
1. 1 Creando pagina inventario
2. 2 Creando el CrudTemplate
3. 5 Mostrando almacenes
4. 6 Preparando el insert
5. 7 Preparando la cantidad
6. 8 Realizando registros
7. 3 Mostrar movimientos
8. 4 BuscadorList
9. 9 Validando stock
10. 10 Adaptando la template
11. 11 Mostrando los movimientos
12. Código fuente de la sección
1. 1 Creando carpeta tanstack
2. 2 Usando la mutation
3. 3 Creando hook image selector
4. 4 defaultValues
5. 5 Configuracion del ticket
6. 6 Editando ticket
7. 7 Modos de login
8. 8 Editar perfil
9. 9 Ejecutando mutation
10. 10 Creando trigger para serializaciones
11. 11 Adaptando el crudTemplate
12. 12 Rpc Valor por defecto
13. 13 Implementando editar default
14. 14 Serializacion de comprobantes terminado
15. 15 Modificando generador de codigos
16. 16 Reconociendo Codigos de Barras
17. 17 Logica de cajas por sucursal
18. 18 Cambiando sucursales asignadas
19. 19 CardListaCajas
20. 20 Insertar asignaciones
21. 21 CardLista
22. 22 SelectCaja
23. 23 Mostrando nombres
24. 24 Mostrar almacenes
25. 25 Modificando selectores
26. 26 Mostrando comprobantes
27. 27 Generar comprobante incremental
28. 28 Pasando nuevos parametros
29. 29 Modificando la confirmacion
30. 30 Eliminar ventas incompletas
31. 31 Imprimir por ventana emergente
32. 32 Retornas venta confirmada
33. 33 Retornando venta confirmada
34. 34 Fecha y hora
35. 35 Mostrar clientes
36. 36 Pasar numero a texto
37. 37 Mapeando metodos de pago
38. 38 Terminando con la data de ticket
39. 39 Imprimir directo
40. código fuente de la sección
1. 1 Levantar el proyecto y base de datos
2. 2 Conectar a servicios de Google
3. 3 Probar el sistema
1. 1 Despliegue del proyecto
2. 2 Compra y conexion de dominio
1. Despedida

About this course

$7.99
451 lecciones
62 horas de contenido de video

Punto de venta con REACT - FULL STACK

Opcional a Paypal

Course curriculum

Introducción

Login

Categoría de productos

Productos

Diseño del POS

Detalle de ventas - Restaurar base de datos [HITO 1]

Métodos de cobro

Diseño del ticket de venta

Diseño del ticket de venta y cierre caja

Movimientos de caja

Dashboard

Sucursales y cajas

BACKEND - para crear servicio de imprimir directo

Sección Impresoras

Sección usuarios

Sección stock por almacenes

Sección Inventario-kardex

Sección de limpieza del proyecto

Código Fuente Final Al 30 de abril 2025

Despliegue y compra de dominio

Despedida

About this course