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

Project created by MITT program developer students
https://github.com/douglasfssantiago/global-shipping

api css geolocalization html javascript

Last synced: about 1 month ago
JSON representation

Project created by MITT program developer students

• Host: GitHub
• URL: https://github.com/douglasfssantiago/global-shipping
• Owner: douglasfssantiago
• Created: 2024-12-11T15:49:50.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-12-12T05:52:37.000Z (5 months ago)
• Last Synced: 2025-02-13T13:50:50.270Z (3 months ago)
• Topics: api, css, geolocalization, html, javascript
• Language: CSS
• Homepage: https://douglasfssantiago.github.io/global-shipping/
• Size: 10.3 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://douglasfssantiago.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/douglasfssantiago/global-shipping.git

    ```

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.

© Created by MITT Software Students.