https://github.com/albertlnz/my-routes-mapbox

My mountain tracking routes in 3D ⛰️
https://github.com/albertlnz/my-routes-mapbox

3d mapbox reactjs

Last synced: about 1 month ago
JSON representation

My mountain tracking routes in 3D ⛰️

• Host: GitHub
• URL: https://github.com/albertlnz/my-routes-mapbox
• Owner: AlbertLnz
• Created: 2024-07-08T08:59:25.000Z (7 months ago)
• Default Branch: develop
• Last Pushed: 2024-12-16T11:27:51.000Z (about 1 month ago)
• Last Synced: 2024-12-16T12:24:31.465Z (about 1 month ago)
• Topics: 3d, mapbox, reactjs
• Language: TypeScript
• Homepage: https://albertlnz-routes.netlify.app/
• Size: 260 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# AlbertLnz tracking routes 🗻



[![React][React.js]][React-url] [![Mapbox][Mapbox]][Mapbox-url] [![TypeScript][TypeScript]][TypeScript-url]

[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB

[React-url]: https://reactjs.org/

[Mapbox]: https://img.shields.io/badge/Mapbox-0E1012?style=for-the-badge&logo=mapbox&logoColor=FFFFFF

[Mapbox-url]: https://www.mapbox.com/

[TypeScript]: https://img.shields.io/badge/typescript-3178C6?style=for-the-badge&logo=typescript&logoColor=FFFFFF

[TypeScript-url]: https://www.typescriptlang.org/



### My Route resume

|     | Route          | Info                                        |

| :-- | :--------------- | :-------------------------------------------- |

| ⛰️🟢  | Coll de Bracons - Puigsacalm | Easy / 8.92 km / 3:50 h  |

| ⛰️🟠  | Tosa d'Alp         | Normal /       |

| ⛰️🔴  | Pica d'Estats (Pinet)        | Hard /  |

| ⛰️🔴  | Puigmal (Err)       | Hard /  |

- *View the 3D routes on my **[website](https://albertlnz-routes.netlify.app)***

## 📖 Install locally

| ⚙️ Command                                                    | 📓 Action                                   |

| :----------------------------------------------------------- | :------------------------------------------ |

| `git clone https://github.com/AlbertLnz/my-routes-mapbox`    | Clone the repository                        |

| `cd my-routes-mapbox`                                        | Enter to the project                        |

| `npm install`                                                | Install dependencies                        |

| `Insert an API KEY of Mapbox`                                | Change `.env.example` file to `.env`        |

| `npm run dev`                                                | Starts local dev server at `localhost:5173` |

## ☕ Buy me a coffee

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/albertlnz)