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 鈥渘pm 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 鈥渞eact鈥 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