https://github.com/marcosd59/location-tracker-app
Aplicación web interactiva desarrollada utilizando React, la biblioteca Ant Design para la interfaz de usuario y la API de Google Maps para la funcionalidad de mapeo. La aplicación presenta una interfaz de usuario limpia y moderna, proporcionando una experiencia de usuario intuitiva y eficiente.
https://github.com/marcosd59/location-tracker-app
ant-design maps-api webapp
Last synced: 5 months ago
JSON representation
Aplicación web interactiva desarrollada utilizando React, la biblioteca Ant Design para la interfaz de usuario y la API de Google Maps para la funcionalidad de mapeo. La aplicación presenta una interfaz de usuario limpia y moderna, proporcionando una experiencia de usuario intuitiva y eficiente.
- Host: GitHub
- URL: https://github.com/marcosd59/location-tracker-app
- Owner: marcosd59
- Created: 2024-03-25T17:54:08.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-24T02:25:41.000Z (over 1 year ago)
- Last Synced: 2024-12-27T23:44:02.930Z (over 1 year ago)
- Topics: ant-design, maps-api, webapp
- Language: JavaScript
- Homepage: https://marcosd59-location-tracker-app.netlify.app/
- Size: 423 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Location Tracker App
## Descripción
Esta aplicación web interactiva permite a los usuarios visualizar y manipular un mapa utilizando la API de Google Maps. Diseñada con React y Ant Design, la interfaz es intuitiva y amigable, ofreciendo a los usuarios una experiencia de usuario fluida y atractiva.
## Funcionalidades
- **Visualización del mapa**: Muestra un mapa interactivo en el que los usuarios pueden navegar.
- **Ubicación actual**: Los usuarios pueden ver su ubicación actual en el mapa.
- **Ubicaciones predefinidas**: Permite a los usuarios seleccionar ubicaciones predefinidas como "Home" y "Work" para centrar el mapa en estas áreas.
- **Ubicación aleatoria**: Genera una ubicación aleatoria en el mundo para explorar lugares nuevos e inesperados.
## Capturas de Pantalla
## Comenzando
### Prerrequisitos
Antes de comenzar, asegúrate de tener instalado lo siguiente:
- [Node.js](https://nodejs.org/en/): Entorno de ejecución para JavaScript.
- [npm](https://www.npmjs.com/): Manejador de paquetes para JavaScript.
### Instalación
Para poner en marcha el proyecto en tu máquina local para fines de desarrollo y pruebas, sigue estos pasos:
1. Clona el repositorio:
```
git clone https://github.com/marcosd59/location-tracker-app.git
```
2. Navega al directorio del proyecto:
```
cd location-tracker-app
```
3. Instala las dependencias:
```
npm install
```
4. Inicia el servidor de desarrollo:
```
npm start
```
5. Abre `http://localhost:3000` en tu navegador para ver la aplicación en acción.
## Herramientas Utilizadas
- [React](https://reactjs.org/) - Una biblioteca de JavaScript para construir interfaces de usuario.
- [Ant Design](https://ant.design/) - Un sistema de diseño y una biblioteca de componentes de UI para React.
- [Google Maps API](https://developers.google.com/maps) - Permite personalizar mapas con contenido y estilos propios, aprovechando la robusta infraestructura de datos geográficos de Google.
## Contribuir
¡Las contribuciones son lo que hacen que la comunidad de código abierto sea un lugar increíble para aprender, inspirar y crear! Cualquier contribución que hagas será **muy apreciada**.
Si tienes una sugerencia para mejorar esto, por favor:
1. **Fork** el repositorio.
2. Crea tu **Feature Branch** (`git checkout -b feature/AmazingFeature`).
3. Haz tus **cambios** en el código.
4. **Commit** tus cambios (`git commit -m 'Add some AmazingFeature'`).
5. **Push** a la rama (`git push origin feature/AmazingFeature`).
6. Abre un **Pull Request**.