💻 Front-end III: Proyecto Integrador

¡Hola! 👋😀 Esta es mi solución para el Proyecto Integrador de la materia. Se trata de la creación de la interfaz gráfica de una Clínica Odontológica.

¡Bienvenidos a Dr. Sparkling's Dental Clinic! 🦷✨

• 🌐 Vista general
  • El desafío
  • Sitio desplegado
• 🔨 Mi proceso
  • Construido con
  • Lo que aprendí
  • Desarrollo continuo
  • Recursos útiles
• 🙌 Agradecimientos

🌐 Vista general

El desafío

Los usuarios de Dr. Sparkling's Dental Clinic deben ser capaces de:

• 🔍 Visualizar los odontólogos disponibles
• 🕵️‍♀️ Consultar los datos de contacto de cada odontólogo
• ⭐ Guardar sus odontólogos en Favoritos
• 📧 Contactarse con la clínica a través de un formulario
• 🌗 Cambiar el tema de color de la página
• 📦 Persistir sus ajustes en el localStorage

© Imágenes creadas con Adobe Firefly.

Sitio desplegado

Vercel

🔨 Mi proceso

Construido con

• HTML5 Semántico
• Propiedades de CSS Personalizadas
• Flexbox
• Vite.js
• React
• React Router
• Prop-Types
• Prettier

Lo que aprendí

Estilizar con SCSS en React es un poco más complejo que en Vue, al final me siento contento por todo lo que logré. Haber optimizado así la interfaz le da vida al proyecto.

Desarrollo continuo

TBD.

Recursos útiles

• Creando y probando RegEx.
• Referencia de patrones RegEx.
• ¿Cómo importar un Paquete de JavaScript de un CDN en React?

🙌 Agradecimientos

TBD.