https://github.com/brendon3578/delivery-it

Delivery.it é um pequeno projeto para a gestão de entregas de encomendas, feito com ReactJS e Typescript
https://github.com/brendon3578/delivery-it

leaflet leaflet-map leaflet-reactjs mapbox reactjs typescript

Last synced: 16 days ago
JSON representation

Delivery.it é um pequeno projeto para a gestão de entregas de encomendas, feito com ReactJS e Typescript

• Host: GitHub
• URL: https://github.com/brendon3578/delivery-it
• Owner: Brendon3578
• Created: 2021-11-04T23:38:11.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-11-08T19:16:27.000Z (over 4 years ago)
• Last Synced: 2025-07-25T00:30:07.993Z (10 months ago)
• Topics: leaflet, leaflet-map, leaflet-reactjs, mapbox, reactjs, typescript
• Language: TypeScript
• Homepage: https://delivery-it.herokuapp.com/
• Size: 772 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 📦 Delivery.it



    Projeto  |  

    Tecnologias  |  

    Instalação  |  

    Features  |  

    Licença





    





    

        

    

        

    

        

    



![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)

## 💻 Projeto

O Delivery.it é uma pequena aplicação para a gestão de entregas de encomendas e produtos, a partir da inserção do endereço e da data da entrega, [Acesse o app clicando aqui](https://delivery-it.herokuapp.com/)

## 🛠 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

- [ReactJS](https://reactjs.org)

- [TypeScript](https://www.typescriptlang.org/)

Bibliotecas

- [React Leaflet](https://react-leaflet.js.org//)

- [React Select](https://react-select.com/home)

- [React Datetime](https://github.com/arqex/react-datetime)

- [Axios](https://github.com/axios/axios)

Utilitários

- [Google Fonts](https://fonts.google.com/)

## 🚀 Instalação

```bash

    # Clonar o repositório

    $ git clone https://github.com/Brendon3578/Delivery-It

    # Entrar no diretório

    $ cd Letmeask

    # Instalar as dependências

    $ yarn install

    # Iniciar o projeto

    $ yarn start

```

Lembrando que será necessário criar uma conta gratuita no [Mapbox 🗺️](https://www.mapbox.com/) para criar o **token de acesso**, necessário para se ter acesso à API de Geolocalização.

Depois de ter uma conta do Mapbox, cole a seguinte variável ambiente em um arquivo `.env` criado na pasta **root** do projeto, e insira o token de acesso nesse arquivo:

```bash

REACT_APP_ACCESS_TOKEN_MAP_BOX='insira_o_access_token_do_mapbox_aqui'

```

## ☕ Features

- :earth_americas: Seleção assíncrona de Endereços com a utilização do React-Select

- :calendar: Manipulação de Datas no react atráves do React-Datetime

- :world_map: React Leaflet para o inserimento de mapa no React

## 📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](.github/LICENSE.md) para mais detalhes.

---



    Feito com ☕ por  Brendon Gomes