Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gatogordo03/tund
https://github.com/gatogordo03/tund
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/gatogordo03/tund
- Owner: Gatogordo03
- Created: 2024-06-23T20:47:24.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-06-24T07:36:58.000Z (7 months ago)
- Last Synced: 2024-06-24T09:00:00.300Z (7 months ago)
- Language: TypeScript
- Size: 71.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tund: Web App para Agendar Citas en Negocios
## Descripción
Tund es una aplicación web desarrollada con React y TypeScript que permite a los usuarios ver negocios registrados en un mapa y agendar citas de manera sencilla. La aplicación utiliza Leaflet para la visualización de mapas y Bootstrap para el diseño de componentes.
## Funcionalidades
- Visualización de negocios en un mapa interactivo.
- Geolocalización para centrar el mapa en la ubicación del usuario.
- Selección de negocios para ver detalles y opciones de agendar citas.
- Interfaz responsiva adaptada para dispositivos móviles.
- Agendar citas con selección de horarios disponibles.
- Animación de confirmación al agendar una cita.
## Tecnologías Utilizadas
- [React](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Leaflet](https://leafletjs.com/)
- [React-Leaflet](https://react-leaflet.js.org/)
- [Bootstrap](https://getbootstrap.com/)
- [React-Bootstrap](https://react-bootstrap.github.io/)
- [react-spring](https://www.react-spring.io/)
- [use-gesture](https://use-gesture.netlify.app/)
## Instalación
Para correr este proyecto localmente, sigue estos pasos:
1. Clona el repositorio:
```sh
git clone https://github.com/tu-usuario/tund.git
cd tund
```
2. Instala las dependencias:
```sh
npm install
```
3. Corre la aplicación:
```sh
npm start
```
La aplicación estará disponible en `http://localhost:3000`.
## Uso
### Visualización de Negocios
1. Al abrir la aplicación, el mapa se centrará en la ubicación del usuario.
2. Los negocios registrados aparecerán como marcadores en el mapa.
3. Al hacer clic en un marcador, se desplegará un menú con los detalles del negocio y opciones adicionales.
### Agendar una Cita
1. Selecciona un negocio del mapa.
2. En el menú desplegable, haz clic en "Agendar Cita".
3. Selecciona un día y una hora disponible.
4. Haz clic en "Agendar Cita" para confirmar.
### Diseño Responsivo
- La aplicación se adapta a diferentes tamaños de pantalla, proporcionando una experiencia de usuario optimizada tanto en dispositivos móviles como en escritorio.
## Contribuciones
Las contribuciones son bienvenidas. Por favor, sigue estos pasos para contribuir:
1. Haz un fork del repositorio.
2. Crea una nueva rama (`git checkout -b feature/nueva-funcionalidad`).
3. Realiza los cambios necesarios y haz commit (`git commit -m 'Añadir nueva funcionalidad'`).
4. Haz push a la rama (`git push origin feature/nueva-funcionalidad`).
5. Abre un Pull Request.
## Licencia
Este proyecto es completamente de codigo abierto.
## Contacto
Autor: [Edson Gael Garcia Martínez](https://github.com/Gatogordo03)
Correo: [Gatogordo Contact](mailto:[email protected])