Materia Front End 3

Proyecto Integrador Final

Este proyecto consiste en una aplicación web desarrollada en React.js para mostrar información sobre odontólogos. El proyecto utiliza React Router para el enrutamiento de las páginas y React Context para el manejo del tema y la lista de odontólogos.

Link a gh pages

https://chuttmateo.github.io/proyecto-integrador-front-3/

Estructura del proyecto

• App.js: Componente principal de la aplicación que configura las rutas y el contexto.
• Home.js: Página principal que muestra una lista de odontólogos y permite agregar o quitar de favoritos.
• Favs.js: Página que muestra la lista de odontólogos favoritos y permite eliminarlos.
• Dentist.js: Página que muestra la información detallada de un odontólogo específico.
• Contacto.js: Página con un formulario para que los usuarios puedan contactar a la empresa.
• NavBar.js: Componente de la barra de navegación que contiene los enlaces a las diferentes páginas.
• Footer.js: Componente del pie de página que muestra información adicional y enlace al repositorio del proyecto.
• DentistaCard.js: Componente que muestra la información básica de un odontólogo en forma de tarjeta.

Dependencias

El proyecto utiliza las siguientes dependencias:

• react: Biblioteca principal de React.
• react-router-dom: Para el enrutamiento de las páginas.

Instalación y ejecución

1. Tener instalado node.
2. Clona este repositorio en tu máquina local.
3. Abre una terminal y navega hasta el directorio del proyecto.
4. Ejecuta el comando npm install para instalar las dependencias.
5. Ejecuta el comando npm run dev para iniciar la aplicación.
6. Abre tu navegador e ingresa a http://localhost:5173/proyecto-integrador-front-3 para ver la aplicación en funcionamiento.