https://github.com/vitorvf/rastreio-facil-react

📦 Aplicação para rastreamento de encomendas. Desenvolvida com React, Typescriptt e Styled Components.
https://github.com/vitorvf/rastreio-facil-react

react react-hook-form react-router-dom reactjs styledcomponents typescript zod

Last synced: 4 months ago
JSON representation

📦 Aplicação para rastreamento de encomendas. Desenvolvida com React, Typescriptt e Styled Components.

• Host: GitHub
• URL: https://github.com/vitorvf/rastreio-facil-react
• Owner: vitorvf
• Created: 2023-05-08T00:53:03.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-05-29T23:03:35.000Z (over 1 year ago)
• Last Synced: 2024-10-11T16:02:44.932Z (4 months ago)
• Topics: react, react-hook-form, react-router-dom, reactjs, styledcomponents, typescript, zod
• Language: TypeScript
• Homepage: https://rastreiofacil.netlify.app/
• Size: 1.94 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 📦 Rastreio Fácil

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

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

![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)

![React Hook Form](https://img.shields.io/badge/react--hook--form-FF577F?style=for-the-badge&logo=react&logoColor=white)

![React Router Dom](https://img.shields.io/badge/react--router--dom-CA4245?style=for-the-badge&logo=react-router-dom&logoColor=white)

![Validação com Zod](https://img.shields.io/badge/valida%C3%A7%C3%A3o-Zod-ff69b4?style=for-the-badge)

![Local Storage](https://img.shields.io/badge/Local%20Storage-FABC15?style=for-the-badge&logo=html5&logoColor=white)

![Axios](https://img.shields.io/badge/Axios-7852B4?style=for-the-badge&logo=axios&logoColor=white)

![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white)

![Yarn](https://img.shields.io/badge/yarn-%232C8EBB.svg?style=for-the-badge&logo=yarn&logoColor=white)

Rastreamento de encomendas através de uma API.

## ℹ️ Sobre o projeto 

Basta digitar o código da sua encomenda para obter instantaneamente informações detalhadas sobre o seu status. Além disso, o Rastreio Fácil possui uma página de histórico, onde você pode revisar todas as suas pesquisas anteriores. Tudo isso pensado para facilitar o controle de múltiplas encomendas. Com validações de formulário utilizando React Hook Form e Zod e armazenamento local com Local Storage, suas pesquisas ficam salvas para acessá-las a qualquer momento. Utilizo a API do Melhor Rastreio, para fornecer informações atualizadas sobre suas encomendas. 

## ✨ Demonstração

![Screenshot_20210302_142426](https://raw.githubusercontent.com/vitorvf/rastreio-ts/master/src/assets/Screenshot-home.png)

![Screenshot_20210302_142426](https://raw.githubusercontent.com/vitorvf/rastreio-ts/master/src/assets/Screenshot-results.png)

![Screenshot_20210302_142426](https://raw.githubusercontent.com/vitorvf/rastreio-ts/master/src/assets/Screenshot-history.png)

 Resultado Final: [https://rastreiofacil.netlify.app/](https://rastreiofacil.netlify.app/)

## 🛠️ Nesse projeto foi utilizado

Para a realização desse projeto foi utilizado as seguintes tecnologias/linguagens: 

- [React-Js](https://react.dev/) 

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

- [Styled Components](https://styled-components.com/)

- [React Hook Form](https://react-hook-form.com/)

- [Local Storage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)

- [React Router Dom](https://reactrouter.com/en/main)

- [Validações de formulário com Zod](https://zod.dev/)

- [Axios](https://axios-http.com/ptbr/docs/intro)

- [API Melhor Rastreio](https://api.melhorrastreio.com.br)

- [Vite](https://vitejs.dev/)

- [Context API](https://legacy.reactjs.org/docs/context.html)

## Licença

Copyright © 2023 Vitor Ferreira.