Pablo73 / Front-End-Star-Wars

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Consumir a API de Star Wars

Este projeto consiste em uma aplicação web que consome a API de Star Wars (https://swapi.dev/about) para listar os veículos disponíveis. Os usuários podem adquirir um dos veículos listados através de um processo de checkout.

Deploy

O projeto está implantado e disponível em:

Funcionalidades

  • Listar os veículos da API de Star Wars conforme a documentação.
  • Permitir a aquisição de um veículo selecionado através do checkout.
  • Exigir informações pessoais, informações de endereço e informações de pagamento no checkout.
  • Utilizar a API ViaCEP para obter automaticamente os dados de endereço com base no CEP informado pelo cliente.
  • Realizar validação nos formulários do checkout, incluindo e-mail e CPF/CNPJ.
  • Exibir uma tela de sucesso após a compra ou um toast de erro em caso de dados inválidos.
  • Todos os dados utilizados serão mockados.

Tecnologias utilizadas

  • ReactJS: REACT construção da interfaces de usuário.
  • MobX: Mobx gerenciamento de estado.
  • TypeScript: TypeScript linguagem de programação que adiciona tipagem estática ao JavaScript.
  • Formik: Formik biblioteca para gerenciamento de formulários em React.
  • Yup: Yup biblioteca de validação de esquemas para JavaScript e TypeScript.

Pré-requisitos

Certifique-se de ter as seguintes ferramentas instaladas em sua máquina:

Como executar o projeto

  1. Clone este repositório em sua máquina local:
git clone <URL do repositório>
  1. Acesse o diretório do projeto:
cd Front-End-Star-Wars
  1. Instale as dependências do projeto:
npm install
  1. Execute o projeto:
npm start

About

License:MIT License


Languages

Language:TypeScript 64.7%Language:JavaScript 20.5%Language:CSS 8.6%Language:HTML 6.3%