Explore Colombia comprehensively with Colombia 360, a web application designed for in-depth learning in Spanish. Dive into national information, departmental details, interactive maps, gastronomic culture, and much more, all in one user-friendly platform.
Colombia 360 is a comprehensive web application that offers detailed exploration of departments, regions, cities, presidents, tourism, gastronomy, and biodiversity. Its responsive design ensures seamless access across all devices.
Read this document in Español
- Tourist Map: Discover must-see destinations with precise locations
- Departmental Maps: Detailed visualization of each region
- Intuitive Navigation: Explore Colombia visually and interactively
- Presidents: Complete history of Colombian presidents
- Constitution: Access to the country's legal foundations
- Holidays: Official calendar of non-working days
- Departments: Detailed information on the 32 territorial divisions
- Cities: Complete data on major urban centers
- Regions: Characteristics of each geographical zone
- Typical Dishes: Traditional gastronomy by regions
- Fairs and Festivals: Cultural calendar and celebrations
- Indigenous Communities: Ethnic and cultural diversity
- Radio: Local and national radio stations
- Multimedia Content: Enriched audiovisual experience
- Invasive Species: Scientific and conservation information
- Ecosystems: Natural richness of the territory
- Airports: National air connectivity network
This project was built using modern technologies:
The application includes the following sections:
/presidentes- Presidential history of Colombia/turismo- Interactive tourist map/mapas- Collection of country maps/mapa-turistico- Featured tourist destinations/departamentos- Departmental information/radio- Colombian radio stations/especies-invasoras- Biodiversity and conservation/comunidades-indigenas- Ethnic diversity/aeropuertos- Airport infrastructure/platos-tipicos- Traditional gastronomy/ferias-y-festivales- Cultural calendar/regiones- Regional geography/ciudades- Major cities/constitucion- Country's legal framework/festivos- Official calendar
Everyone is welcome to collaborate with this project. Before contributing, please read the contribution guide.
To get started with colombia 360, simply clone the repository and follow the setup instructions. You'll be up and running in no time!
-
Clone the repository
git clone https://github.com/JuanPabloDiaz/colombia.git
-
Install dependencies
npm install
-
Start the development server
npm run dev
-
Open http://localhost:3000/ with your browser to see the result.
- Run before Deploy:
npm run build - Check for Next.js errors:
npm run lint - Format code:
npm run format - Clean:
npm run clean - Run Lighthouse locally:
npm run lighthouse - Preview on Cloudflare:
npm run preview - Deploy on Cloudflare:
npm run deploy
- 🌐 Demo: juanpablodiaz.github.io/turismo
- 💻 Code: github.com/JuanPabloDiaz/turismo
- 🛠️ Technology: Jekyll + GitHub Pages
- 📍 Functionality: Interactive map of Colombian tourist places
Colombia 360 is licensed under the MIT License.
Resource list that I find helpful and would like to give credit to:
- The invaluable data used in this project was graciously provided by API-Colombia and Miguel Teheran. We extend our sincere gratitude for their contribution.
You can deploy this project using the following services:
✔️ Especies Invasoras - React.js portal to find INVASIVE SPECIES in Colombia. ⚡️ GitHub Repo
✔️ Colombia-info - OS project to display information about the wonderful country that is Colombia. ⚡️ GitHub Repo
✔️ Colombian Map - Landing page ⚡️ GitHub Repo
✔️ Buscador-ApiColombia ⚡️ GitHub Repo
✔️ DashboardJuridica ⚡️ GitHub Repo
🇨🇴 Made with ❤️ for Colombia 🇨🇴