Acabo de realizar mi despliegue, ya lo puedo tachar de mi lista de tareas.
Puedes visitarlo aquí:
https://jorgeromero17.github.io/TaskBuddy/
.
Introducción y requisitos
¿Qué necesitas para aprender React.js?
Maquetación con React.js
¿Qué es un componente?
Componentes de TODO Machine
¿Cómo se comunican los componentes? Props y atributos
Estilos CSS en React
Interacción con React.js
Eventos en React: onClick, onChange
¿Qué es el estado?
Contando TODOs
Buscando TODOs
Completando y eliminando TODOs
Librería de Iconos Personalizados
Iconos en React: librerías y SVG
Iconos con colores dinámicos
Herramientas avanzadas: escalabilidad, organización y persistencia
Local Storage con React.js
Custom Hooks
Organización de archivos y carpetas
Feature-First Directories en React
Tips para naming y abstracción de componentes React
¿Qué son los efectos en React?
Estados de carga y error
Actualizando estados desde useEffect
Reto: loading skeletons
¿Qué es React Context?
useContext
¿Qué son los React Portals?
Reto: estados para abrir y cerrar un modal
Maquetando formularios en React
Crear TODOs: React Context dentro de React Portals
Deploy
Despliegue de TODO Machine en GitHub Pages
Presentación de proyectos para tu portafolio
Próximos pasos: React #UnderTheHood
Diferencias entre versiones de React.js
¿Cuándo realmente necesitas React.js?
Bonus: creando proyectos en React desde cero
React con Create React App
React con Next.js
React con Vite
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 52
Preguntas 14
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
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!
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!
.
.
.
.
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
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 😃
Aquí les dejo mi todoApp
(
Enlace: https://franciscojsb12.github.io/TodoApp-react/
Repositorio: https://github.com/FranciscoJSB12/TodoApp-react
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 ✨
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
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 💚
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.
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
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
Acá dejo el mio: https://gianprocopio.github.io/todo-app-react/
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
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.