No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Curso de React.js

Curso de React.js

Juan David Castro Gallego

Juan David Castro Gallego

Despliegue de TODO Machine en GitHub Pages

28/34
Recursos

Aportes 52

Preguntas 14

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Acabo de realizar mi despliegue, ya lo puedo tachar de mi lista de tareas.
Puedes visitarlo aquí:
https://jorgeromero17.github.io/TaskBuddy/


.

Si no te funciona checa esto!

( en lo personal a mi no me funcionaba la ruta por alguna razón pero todo lo solucione haciendo )

  "homepage":  ".",

les dejo la documentación por si quieren leer un poco más al respecto

TodoHub

Te comparto el enlace a mi app, espero te guste.

Está pensada para dispositivos móviles, en realidad no quise meterle más responsive porque estoy ansioso por continuar la ruta de aprendizaje. ¡Gracias por este gran curso, Juan!

Ir a TodoHub

Enlace al repo: Github

Deploy hecho. Aun sin optimizar, sin que se adapte a cualquier pantalla, con errores, tener que meter mano para que ande pero está hecho(?

Repo y Page

Pronto lo voy a ir arreglando y metiéndole más cosas. Me parece me va a llevar un buen tiempo animar a los gatos interactuando con el form 🤦‍♂️

Le di un giro a la aplicacion y la conecte con la API de Spotify, ahora te recomienda una cancion segun la tarea que vayas a realizar, estoy muy orgulloso de mi trabajo.
Nunca paren de aprender!!! 💚
En lo personal hice el despliegue en netlify porque me ha sido mas comodo.
Puedes usar mi app aqui
Pueder ver mi repositorio aqui

Hola, espero se encuentren bien, les comparto el link de mi repositorio y el deploy:

Cualquier sugerencia, aporte o pregunta la agradecería, para seguir mejorando el proyecto. Por supuesto, ¡Nunca pares de aprender!.

Les comparto mi Repositorio y mi Deploy 😎

Hola muchachos! les comparto mi repositorio y mi deploy!!
.
https://j-hernandezm.github.io/to-do-list/
https://github.com/J-HernandezM/to-do-list
.
Les comparto imagenes de como quedo por ahora, tengo pensado hacer algunas modificaciones que me faltaron del responsive para textos largos y validaciones de input
.
Se reciben recomendaciones y observaciones!
.

DESKTOP


.

MOBILE


.

LOADING


.

MODAL

Chicos, nunca suban un clon de una página famosa a GitHub Pages.

La razón es porque será detectado como phishing. Acabo de darme cuenta de esto, ya que hice un clon de Coinbase claramente con propósitos de estudio y esto ha afectado todas mis páginas alojadas en este servicio. Ya he enviado una solicitud y espero que cuando ingresen a mi página de TODOS, ya no les aparezca un mensaje de advertencia.

Les digo esto para que no tengan este problema. Lo que he leído es que sí pueden subir el clon a GitHub, pero NO en GitHub Pages, así evitarán este dolor de cabeza.

Enlace del repositorio: Haz clic aquí
Enlace de la página: Página de TODOS

planflow les comparto el link de deploy en mi caso pensé que no iba a funcionar en local salia un error gigante menos mal en el pages funciono normal

28. Despliegue de TODO Machine en GitHub Pages

Primero instalemos GitHub Pages

npm i --save-dev gh-pages

Entramos al archivo package.json y agregamos:

{
  "browserslist": {
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ],
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ]
  },
  "dependencies": {
    "react": "^18",
    "react-dom": "^18",
    "react-scripts": "^5.0.1",
    "web-vitals": "^2.1.4"
  },
  "eslintConfig": {
    "extends": [
      "react-app"
    ]
  },
  "homepage": ".", 👈👀✨
  "name": "platzi-intro-react-base",
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "predeploy": "npm run build", 👈👀✨
    "deploy": "gh-pages -d build", 👈👀✨
    "eject": "react-scripts eject"
  },
  "version": "0.1.0",
  "devDependencies": {
    "gh-pages": "^6.0.0"
  }
}

Ahora:

npm run build // Crea carpeta build
npm run deploy 

Revisa tu repositorio en GitHub: Settings > Pages espera unos minutos y listo.

Les recomiendo VERCEL para desplegar sus app… es muy practica, se hacen una cuenta, es gratis, se conectan con GitHub y envían sus repos a deploy muy fácil 😎
https://vercel.com

Asi va quedando el mio, le falta cositas por pulir pero me gusta como se ve, les comparto el link por si quieren ver 😃

Les comparto mi proyecto:

  • Pueden ver mi repositorio aquí

  • Pueden ver mi deploy aquí

Hola muchachos! les comparto mi repositorio y mi deploy!!
la version mobile aun le faltan cosas por mejorar
repro
page

Si les sale un error al momento de ejecutar “npm run predeploy” para generar el build, deben actualizar el caniuse-lite con este comando:

npx browserslist@latest --update-db

Os dejo mi proyecto.
https://jlozanodev.github.io/TodoReact/

Hice alguna modificación a la hora de eliminar un todo pidiendo confirmación y en el añadir nuevos todos los añade directamente.

Apuntes

🚀 Despliegue


Deployado😄…
.
Enlace: Task App
.

Listo esta es mi page

que hp alegría se siente! gracias Juan! App

A mi me salio un error y lo arregle en esta pagina

sufri mucho haciendo el deploy pero lo conseguí debido a que la ultima versión de gh-pages es la 6.0.0 y al momento de realizar el homepage no me funciono con la url; comparto mi
Repo y Page

Les comparto mi resultado despues de hacer deploy pretendo cambiarle algunas cosas pero por el momento esta funcionando
https://eddiie09.github.io/React-1

Saludosss

Aca les dejo mi proyecto.
Aun no le aplico Responsive, ando en eso 😅
Queria saber si podian ayudarme con una cosita. Coloque un mensaje de felicitaciones por completar todos los pendientes. Pero si no tengo ninguno, me salen las felicitaciones por Default. Si alguien me puede ayudar con eso, estaria super agradecida.

Cada vez nos falta menos chicos.

https://naniiqr.github.io/curso-react-intro/

https://github.com/naniiqr/curso-react-intro

Gracias Platzi 💚

Muchas Gracias Juan David por este increible curso, eres un excelente profesor, Aqui les dejo mi deploy, espero puedan darse un tiempo de revisarle y darme sus opiniones y feedback que lo recibiré con gusto
Deploy y Repo

Buenaas, después de vaaaarios errores pude hacer el deploy y estoy muy emocionada con el resultado!!
Les dejo acá el link del Repo y de My Tasks App

Mi primer TODO app 😄
Lo hice bastante minimalista, pero me gusto el diseño
La pueden visitar en https://to-do-app-eosin-delta.vercel.app/
El repositorio en https://github.com/Miller1999/ToDoApp

Durante todo el proyecto me encontré el problema Plugin “react” was conflicted between "package.json » eslint-config-react-app » >>
.
Este hilo en Stack Overflow comenta que react interpreta la ruta con mayusculas. Si guardas el proyecto en minuscula, se produce ese error por ejemplo, si guardas los archivos como programacion/todoproject, react interpretara la ruta como /Programacion/Todoproject dando lugar al problema
.
Hilo de stack overflow https://stackoverflow.com/questions/70377211/error-when-deploying-react-app-and-it-keeps-sayings-plugin-react-was-confli

mi proyecto terminado!! https://jorgeisaacvilla.github.io/Todo-list-react/ que te parece?

¡Impresionante!

Este es mi repo

Mi repositorio es el siguiente: https://github.com/rica999/RICA-TASK-LIST-REACT/settings

La vista es: https://rica999.github.io/RICA-TASK-LIST-REACT/

Gracias por el curso profesor.

Orgulloso de llegar hasta este punto, aquí mi pagina y tambien dejo el link del repo

Hola les comparto mis resultados, se aceptan sugerencias y comentarios para seguir mejorando. Gracias.

Repo: https://github.com/AngelMtz97/curso-intro-react
Deploy: https://angelmtz97.github.io/curso-intro-react/

Hola, espero que estén bien, comparto mi repositorio y deploy:

Repositorio:
https://github.com/sebassg7/react-course-intro

Deploy:
https://sebassg7.github.io/react-course-intro/

Aún no soy el mejor diseñando pero creo que quedó decente!

Repo: https://github.com/diegotellezc/toDoMachine
Link: https://diegotellezc.github.io/toDoMachine/

Buenas, les dejo mi repo y deploy.

Repo: https://github.com/kekojeda/React-Todo-V18/tree/main
Deploy: https://kekojeda.github.io/React-Todo-V18/

Me falta seguir trabajando en el proyecto pero por ahora va así.
Los cambios más importantes que hice son:

Titulo principal
1- Si todavía no hay todos creados, muestra de título un msj de bienvenida
¡Bienvenido!
Parece que aún no tienes tareas pendientes
2- Si ya tenemos todos creados muestra de título.
¡Vas por buen camino!
Has completado N de N tareas
3- Si ya se completaron todos los todos, muestra el titulo
Has completado todas tus tareas pendientes.
¡Buen trabajo!

Sección principal debajo del searchbox
Además del loading y msj de crear todo cuando no existen, agregue una verificación para que, cuando busquen un todo que no existe, en lugar de mostrar el msj de crear primer todo muestre q no se encontraron todos con ese nombre

Me encantó el curso! <https://melisa500.github.io/todoListReact/> ![](https://static.platzi.com/media/user_upload/image-09aa5717-206c-428b-b57f-f839ccfbcca8.jpg)

Wuuu! No morí en el intento! 😀
https://armandocruzv.github.io/todo_list/

https://www.youtube.com/watch?v=igCO5i4NnfU&t=324s
una ayuda para hacer un despliege facil

Les quiero compartir mi proyecto, le agregue nuevas funcionalidades como sonidos al completar o eliminar un To Do, también le agregue una validación para no aceptar To Dos repetidos

Demo:


Cualquier sugerencia o aporte la agradecería para seguir mejorando el proyecto 💚

Ya había hecho el primer curso donde hacíamos esta app, así que esta es mi segunda version. Estoy muy feliz con el resultado, siento que aprendi un monton porque aparte fue mi primera app con Sass y de React con typeScript. Aun le faltan features pero la base esta lista… Aunque no esta optimizado para movil.

A mi se me queda en blanco el navegador y sale este error,
esté es mi repositorio por si acaso

https://github.com/DiegoPallares/ControlTaks/settings/pages