4geeksacademy / srdgz_todolist

Hello World with React boilerplate

Start coding a react application

If you are working locally instead of using codespaces or gitpod, please follow local installation steps and come back to this part of the readme.

How to start coding?

• Install the packages with $ npm install.
• Run the webpack server with $ npm run start

You can update the styles/index.css or js/index.js depending on your needs. Add more files into your, ./src/js/components or styles folder as you need them.

Local Installation (skip if you are working on codespaces or gitpod)

Download the boilerplate using git

$ git clone https://github.com/4GeeksAcademy/react-hello.git
$ cd react-hello

Publish your website!

This boilerplate is 100% compatible with the free github pages and vercel hosting.

It takes just 2 minutes to deploy, click here to start the process.

Other features

• Automatic Code Formatting: Use of Prettier for automatic code indentation and formatting.
• Error reporting: Use of eslint for better error reporting.
• Hot Deploy: Use of Webpack Development Server for hot deploy and live reload.
• One-command publish of the code to github pages with npm run deploy:github.
• Babel 7 (really fast).

Contributors

This template was built as part of the 4Geeks Academy Coding Bootcamp by Alejandro Sanchez and many other contributors. Find out more about our Full Stack Developer Course, and Data Science Bootcamp.

You can find other templates and resources like this at the school github page.

srdgz_todolist's Issues

Feedback

Feedback de Sandra:

Increíble, Sandra!!! Quedé verdaderamente impresionada por tu proyecto; está impecable y completamente acertado. Mis más sinceras felicitaciones, has logrado un trabajo excepcional. Continúa en esta misma línea, ¡tu desempeño es realmente destacable!

---

Feedback de Adrián:

Muy buen trabajo, Sandra. Código limpio y presentación perfecta. Si quieres sacarle más punta, te invitaría a trabajar con objetos en lugar de strings, para acostumbrarte a lo que vendrá en cuanto empecemos a trabajar con REST API. Una mejora interesante sería comprobar que la entrada tiene contenido antes de guardarla, porque ahora mismo se pueden guardar espacios vacíos. Otra opción de validación sería comprobar que el texto no esté ya en el array, porque ahora se pueden duplicar tareas.

Feedback TODO with fetch

Feedback de Sandra:

Sandra, está perfecto! Has llevado a cabo la implementación de manera excepcional y el diseño es simplemente genial. Quiero felicitarte por tu destacado trabajo en ambos aspectos. Tu habilidad para combinar funcionalidad y estética es impresionante. ¡Sigue adelante con ese increíble nivel de entrega!

---

Feedback de Adrián:

Has hecho un trabajo excepcional. Desde la presentación hasta el feedback al usuario con el toast, enhorabuena.
Como única recomendación, te diría que sacaras los fetch a un services, para tener el código más ordenado. Como estás haciendo varios tipos de llamadas y todos afectan a la lista de tareas, tal vez puedas llevártelo a un custom hook. Pero me gusta cómo lo has implementado, muy buen trabajo