Crea tu propio TikTok con React Native y Django

Introducción2 clases

Repositorio del proyecto

Resultado final de la app

Entorno de desarrollo4 clases

Extensiones para Visual Studio Code

Instalando Node

Instalando Yarn

Instalando Python

Creando los proyectos Backend y Frontend9 clases

Creando el entorno virtual de python

Creando el proyecto de Django

Creando el usuario administrador en django

Override del modelo usuario

Documentación de la API automatica

Instalando Django Rest Framework

Creando la app con React Native

Ejecutando React Native en iOS

Ejecutando React Native en Android

Dark y Light Mode8 clases

Instalando React Navigation

Instalando React Native Elements

Creando el ThemeContext

Configuration DarkTheme y LightTheme

Hook para controlar el DarkMode

Guardando configuración del usuario

StatusBar Theme

Navigation Theme

Sistema de autenticación19 clases

Añadir una IP local al servidor

Modelo de usuario

Cloudinary y Static Files

Endpoint para registrar usuarios

Endpoint de Login con JWT

Navegación de usuario no autenticado

AuthScreen

Formulario de registro

Validando formulario de registro

Creando la validación noSpacing

Logica para crear un usuario

Formulario de login

Validando formulario de login

Logica para logear

Contexto de la autenticación

Ejecutando el login del Context

Recuperando la sesión del usuario

Comprobando los tokens de sesión

Función para cerrar sesión

Navegación de la zona de usuarios5 clases

Creando el TabNavigation

Definiendo las screen del TabNavigation

Creando todos los Stacks del TabNavigation

Añadiendo iconos y titulos al TabNavigation

Screen Globales

Publicación de videos11 clases

Crenado la app video en Django

Modelo y Admin del video

Endpoints para crear y obtener publicaciones

Ordenar resultado de una petición

Añadiendo sistema de filtros

Obteniendo los datos del usuario del video

Selecionando video para publicar

Formulario publicación de video

Estado y validaciones del formulario

Selecionando imagen del video

Publicando un nuevo video

Feed de publicaciones16 clases

Menu de la home

Obteniendo los videos nuevos

Animación swipe para pasar entre videos

Estructura de la publicación

Reproductor de video

Iniciando y pausando video con el swipe

Info Component

TimeLine del video

VideoFeed aceptando styles del padre

Profile Component

Like Component

Función para formatear numero a K M

Comment Component

Share Component

Acción del Profile

Following Videos

Sistema para compartir3 clases

Endpoint para actualizar los datos de un video

Abriendo la opción de compartir

Actualizando contado de share

Sistema de likes7 clases

Modelo del VideoLike

Endpoints para el VideoLike

Comprobando si le has dado a like

Creando el like

Actualizando el contado de likes

Recargando el like de la screen

Eliminando un like

Sistema de comentarios15 clases

Modelo para los comentarios

Creando los endpoints

Abriendo bloque de comentarios

Header del bloque

Obteniendo los comentarios del video

Renderizando comentarios

Mostrando el total de comentarios

Pintando el comentario

Formateando la fecha del comentario

Eliminando comentarios

Recargando comentarios

Input para enviar comentarios

Enviando el comentario

Fix fecha del comentario

Perfil de la cuenta13 clases

Endpoint para obtener mis datos

Endpoint para actualizar los datos del usuario

Estructura de la screen del perfil del usuario

Obteniendo los datos del usuario

Header

Follows

Settings

Info

Tab videos inicial

Obteniendo los videos subidos

Listando videos

Obteniendo video favoritos

Listando videos

Ajustes de la cuenta11 clases

Obteniendo los dato del usuario

Dark y Light Mode

Botón para cerrar sesión

Avatar del usuario

Actualizando el avatar

Opciones de los ajustes

Logica para actualizar cualquier dato del usuario

Actualizando nombre

Actualizar descripción

Actualizando sitio web

Actualizando el instagram

Perfil del usuario6 clases

Endpoint para obtener usuarios

Obteniendo los datos del usuario

Header del perfil

Follows y Social

Componente Social

Videos subidos y favoritos

Sistema de followers14 clases

Modelo follow

Endpoint para obtener, crear y eliminar

Endpoint para contar a cuantos seguimos

Endpoint para contar cuantos nos siguen

Obteniendo a quien seguimos

Obteniendo seguidores

Comprobar si seguimos a un usuario

Seguir a otros usuarios

Follow en el perfil

Dejar de seguir a un usuario

Obteniendo los usuario que el perfil sigue

Pintando lista de usuarios

Obteniendo seguidores de un usuario

Fix carga de video al cambiar de perfil

Feed de videos Publicados y Favoritos4 clases

Obteniendo los video publicados del usuario

Renderizando los videos publicados

Obteniendo los videos favoritos de un usuario

Renderizando los videos favoritos

Sistema de amigos4 clases

Añadir sistema de búsqueda al endpoint

Logica para buscar usuarios

Añadiendo el buscador

Renderizando usuarios

Feed video de amigos2 clases

Endpoint para obtener los videos

Feed video de amigos

Sistema de notificaciones17 clases

Modelo de notificaciones

Creando endpoint GET, POST y PATCH

Creando Notificación del LIKE

Creando Notificación del COMMENT

Creando Notificación del SHARED

Creando Notificación del FOLLOW

Obteniendo las notificaciones

Notificaciones vistas o no vistas

Renderizando notificaciones

Recargando notificaciones

Renderizando notificación COMMENT

Marcar como leída la notificación

Ir a la acción

Screen del video

Renderizando notificación FOLLOW

Renderizando notificación LIKE

Renderizando notificación SHARED

Deploy6 clases

Desplegando Django en Heroku

Solucionando los statics de Django

Probando la app con el nuevo server

Cambiar Splash Screen y Icon

Compilando para Android

Compilando para iOS

Crea tu propio TikTok con React Native y Django

Contenido del curso

Comentarios de los estudiantes

Valoraciones

Este curso incluye:

Instructor del curso