JG36

Mi Aprendizaje de React 😀

Desde finales de marzo de 2023 estoy aprendiendo React. Principalmente con el curso React - La Guía Completa: Hooks Context Redux MERN +15 Apps, y al momento de escribir este texto, ya llevo 9 proyectos hechos. Los puedes encontrar públicos en mi Github.

He estado viendo todo sobre React y algunos otros Frameworks. He aprendido y/o mejorado en Javascript, Node.js, React, React Router DOM, Tailwind, Vite, Remix, Next, Astro, Strapi, Git, PostgreSQL, HTML, CSS, y más 😁.

Estos son los proyectos que he hecho en el curso (no he subido todos aún):

Seguimiento Pacientes Veterinaria

Una aplicación web que simula una agenda o registro de los pacientes de una veterinaria.

Es una simulación. Si lo quieres probar, te prometo que ningún dato que ingreses lo guardo yo 😇. Todos los datos que insertes se guardan localmente en tu máquina en algo llamado "Local Storage" por si lo quisieras usar para tu uso propio (no tiene por qué ser algo de veterinaria forzosamente).

Planificador de gastos

Es una aplicación web que sirve para administrar tus gastos.

Primero ingresas la cantidad todal de tu dinero disponible, después vas agregando los gastos que vas a realizar, por ejemplo: $50 en transporte, $45 en videojuegos, $200 comida, etc. Para agregar estos gastos le debes dar clic en el botón de + que aparece en la parte inferior derecha.

La aplicación te va mostrando cuanto te quedará disponible al haber hecho esos gastos.

En la parte de abajo van apareciendo los elementos que has insertado. También tiene para filtrar los gastos por categoría.

Si quieres eliminar o editar algun gasto en específico simplemente mueve (arrastra) el elemento que desees modificar hacia la izquierda o hacia la derecha.

Al igual que la aplicación anterior: Yo no guardo ningún dato que ingreses. Eres libre de usarlo 😇.

Cotiza criptomonedas al instante

Una aplicación web que da información acerca de cual es el valor actual de algunas criptomonedas.

La información la puede dar en Pesos Mexicanos, Dolares Estadounidenses, Euros, y Libras.

No tiene más divisas ni más criptomonedas simplemente porque no quiero jaja. (Algún día lo modificaré para que se puedan más, es sencillo de hacer).

Toda la información se obtiene directamente desde una API de la página CryptoCompare la cual se está actualizando todo el tiempo. Esto quiere decir que, lo que muestra esta aplicación son los valores reales de las criptomonedas (ningún dato es inventado).

CRM - Clientes

Es un CRM para los clientes de una empresa.

CRM Son las siglas de "Customer Relationship Management" o "Administrador de Relación con los Clientes".

En este CRM puedes agregar, eliminar y editar los datos de tus clientes. Todos los datos se van guardando en una API interna de la empresa.

No creo subir esta aplicación aquí, ya que, aunque no contiene información real, cualquiera podría modificar la información interna, por lo que tendría que modificarla primero para que la interacción sea en un ambiente local.

Guitarras LA

Es un sitio web que simula ser una tienda sobre guitarras. Esta tienda tambien tiene algunos cursos y consejos sobre como sacarle el máximo partido a las guitarras. Es una simulación, no es una tienda real.

Esta página fue hecha 3 veces con distintos frameworks para conocer los pros y contras de cada uno de ellos. Los frameworks utilizados hasta el momento son Remix, Next y Astro.

Tambien aprendí a utilizar Strapi para generar la API utilizada en los 3 proyectos. Todo (menos lo de Strapi) está público en mi Github.

Me falta subir estos proyecto y algunos otros... pero se puede ver el código de cada uno de ellos en Github.

Cotizador de Seguros de Auto

Es un programa de simulación para cotizar seguros de auto. Solo eso. No se cobra nada realmente ni pertenece a ninguna compañía.

Dependiendo la marca, el año del automovil y el plan, se calculan ciertos porcentajes para dar el precio final que tendrá el seguro.

Buscador de Clima

Es una aplicación web que te indica el clima actual. Esta aplicación si es funcional, solo debes introducir el nombre de la ciudad, y el país en donde se encuentra esa ciudad que elegiste.

La aplicación mostrará el nombre de la ciudad (o una región cercana a esa ciudad), la temperatura actual en grados celcius, la temperatura mínima registrada hace unas horas y la temperatura máxima registrada hace unas horas.

Ninguno de los datos que ingreses los guardo yo. Eres libre de usar la aplicación. 😇

Los datos del clima se obtienen en tiempo real desde una API de OpenWeatherMap.org ☔

.... --- .-.. .-

Aún faltan muchos más proyectos por hacer y/o subir del curso.

- .... . / --. .- -- . 👌😁