Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/fabianmendozaospina/global-shipping

Website using MapBox Geolocation API to relocate a specific position in the map.
https://github.com/fabianmendozaospina/global-shipping

css geolocalization html javascript mapbox

Last synced: 5 days ago
JSON representation

Website using MapBox Geolocation API to relocate a specific position in the map.

Host: GitHub
URL: https://github.com/fabianmendozaospina/global-shipping
Owner: fabianmendozaospina
Created: 2024-12-12T05:40:47.000Z (28 days ago)
Default Branch: main
Last Pushed: 2024-12-19T20:26:10.000Z (20 days ago)
Last Synced: 2024-12-19T21:25:46.456Z (20 days ago)
Topics: css, geolocalization, html, javascript, mapbox
Language: CSS
Homepage: https://fabianmendozaospina.github.io/global-shipping/
Size: 1.14 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: readme.md

Awesome Lists containing this project

README

# Global Shipping

This project was developed for Program Developer students, focusing on tools like Git and GitHub while working remotely. This web application was designed for a fictional delivery company called 'Global Shipping', and includes features such as a geolocalization (Geolocation and MapBox APIs), modal dialogs, and responsive design. Below are the details of the project's structure and functionality.

## 🔗Project Demo
You can see the live demo of the project [here](https://fabianmendozaospina.github.io/global-shipping/).

![](./assets/img/readme2.png)

## 📑Table of Contents
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Folder Structure](#project-structure)
- [Features](#features)

## 🖥️Technologies Used
![HTML5](https://img.shields.io/badge/HTML-00A6E4?style=for-the-badge&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/CSS-0073E6?style=for-the-badge&logo=css3&logoColor=white)
![JavaScript](https://img.shields.io/badge/JavaScript-005D99?style=for-the-badge&logo=javascript&logoColor=white)

## 🖱️Installation
To run this project locally, follow these steps:
1. Clone the repository:
```sh
git clone https://github.com/fabianmendozaospina/global-shipping
```
2. Navigate to the project directory:
```sh
cd global-shipping
```
3. Open `index.html` in your browser to view the application.
4. Accept permissions requested from the popup appearing.

## Folder Structure
![](./assets/img/readme-struct.png)

![](./assets/img/readme.png)

## 💡Features
### Header
- Logo and navigation menu.
- Dropdown menu for additional links.

### Banner
- Prominent hero banner to showcase key promotions or announcements.
- Visually engaging with space for images and text.

### Modal Dialog
- Log in/Register modal for user authentication.
- Form validation and submission.

### Services
- Showcases the services provided by the company.

### Contact Us
- Contact form for users to send messages.
- Input fields for name, email, and message, with validation.

### Footer
- Social media links.
- Company information.