Instagram clone con ReactJS y NodeJS

Name: Instagram clone con ReactJS y NodeJS
Rating: 4.5 (20 reviews)

creación de un clon de instragram con Reactjs y Nodejs

Highest Rated

Created byBryan Michael Zapata Capcha

Last updated 9/2020

Spanish

What you'll learn

Nodejs
Multer
Postgrest
Sequelize
express - express validator
bcryptjs
JWT
redis
Styles-components
rutas privadas
Interceptar peticiones para la autenticación
Context
Hooks
y más...

Course content

13 sections • 103 lectures • 16h 43m total length

Introducción8:04
Herramientas3:43

Iniciando nuestro Backend7:47
Separando nuestros archivos y explicando9:21
Aplicando lo que vimos en la sesión anterior3:30
Iniciando la conexión a la BD con sequelize12:44
Instalación de Postgrest y algunos clientes7:38
Creando nuestra BD2:55
Tabla users (migración, modelo y registro)12:54
Añadiendo validaciones al registro de usuarios14:11
Hasheando el password7:00
Obteniendo el token4:56
Creando el middleware de auth15:00
Ruta show del usuario4:30
Rutas para actualizar datos y password del usuario17:50
Configurando multer para la subida de archivos9:58
Actualizando el avatar del usuario13:06
Explicación de la estrutura del poryecto17:17
Creando la migración de photos5:32
Creando el modelo de photos5:41
Creando la migración de likes2:22
Creando el modelo de Like5:20
Creando la migración de comment y su modelo4:06
Creando la migración de follows y su modelo7:28
Creando la ruta de login17:55

Creando nuestras rutas de Main en Insomnia2:24
Estructurando los archivos para nuestras rutas de feeds y follows2:55
Arreglando nuestras rutas3:07
Viendo otra manera de llamar el middleware de auth3:51
Automatizando insomnia para el testear nuestras rutas4:45
Función show para nuestros Feeds22:39
Función showFollows para nuestros Feeds3:29
Creando la funcionalidad de Search6:12
Concepto Redis y finalizando nuestro backend15:37

Estructura de la página de SignUp18:48
Creando nuestro formulario y usando la librería Unform5:44
Creando nuestro formulario y usando la librería Unform (Parte 2)17:19
Validando nuestro formulario con Yup9:28
Conectando nuestro frontend a nuestro backend10:43
Validando mensajes que responde nuestro backend3:43
Creando nuestro SignIn8:03
Creando nuestro primer Context21:54
Cargando nuestro State con los datos de local storage4:15
Creando nuestras rutas publicas y privadas7:23

Creando nuestro Header19:04
Estilizando nuestro Header17:52
Creando nuestro Layout4:54
Creando nuestro modal21:52
Continuando con nuestro componente de Upload10:19
Mostrando nuestro modal (Parte 1)11:06
Mostrando nuestro modal (Parte 2)11:16
Probando nuestro modal y haciendo alguno ajustes6:13
Creando la funcionalidad del Search10:51
Creando nuestro Spinner y el componente de Profile9:05
1.71 Poniendo estilos a nuestro componente de Profile5:37
Creando nuestro hook para Buscar15:49
Finalizando la funcionalidad de nuestro input de Buscar7:56
Arreglando nuestro input de búsqueda5:24

Requirements

Tener base en Nodejs
Tener base en Reactjs

Description

En este curso aprenderás a construir un clon de instagram utilizando las tecnologías más amadas del 2020 como es NodeJS y ReactJs aprenderás a implementar algunas librerías que puedes usar en todos tus proyectos.

Este curso esta dirigido a personas que tiene una base en estas tecnologías pero no tengas miedo con la practica todo se puede, de todas maneras daré conceptos básicos en las clases.

Si no te animas a tomar el curso no te preocupes el proyecto esta abierto en mi github, Puedes verlo pero no te vayas sin dejar una estrella en el repositorio. Mi usuario es: bzapata95 el repositorio esta pinado en la pag principal se llamara instagram-clone

Espero verte en el curso!

Who this course is for:

Los que quieren empezar con React y consumir apis

Instagram clone con ReactJS y NodeJS

What you'll learn

Explore related topics

Course content

Introducción2 lectures • 12min

Creando nuestro Backend23 lectures • 3hr 29min

BACKEND - Creando las rutas para las Publicaciones4 lectures • 43min

BACKEND - Creando las rutas para los Likes2 lectures • 33min

BACKEND - Creando las rutas para los Comments6 lectures • 31min

BACKEND - Rutas de follow2 lectures • 19min

BACKEND - Rutas para Main9 lectures • 1hr 5min

FRONTEND - INICIO3 lectures • 27min

FRONTEND - AUTENTICACIÓN10 lectures • 1hr 47min

FRONTEND - HEADER14 lectures • 2hr 37min

Requirements

Description

Who this course is for: