Introdução

Este mês, comecei a trabalhar em um novo projeto paralelo chamado R2 Tester - originalmente chamado Postman-frontend, graças ao ChatGPT. Projetado como uma ferramenta de aprendizagem, o R2 Tester replica a interface e os recursos do Postman, ajudando-me a aprofundar minha compreensão da interação da API. A ideia surgiu de outro projeto paralelo em que comecei a trabalhar no mês anterior (sim?‍♂️).

Sobre o testador R2

É uma ferramenta que desenvolvi para praticar a troca de dados e arquivos (ainda a ser implementada) com o backend (Node.js no meu caso). O front end é desenvolvido com HTML, CSS/SASS, JavaScript, manipulação de DOM, Bootstrap e Prettify para formatação JSON.

A ferramenta salva solicitações no armazenamento local do navegador e as carrega na UI (com base na interação do usuário). Os usuários podem criar coleções, pastas e solicitações individuais, com respostas visualizadas em uma visualização limpa e formatada por meio do Prettify.

Principais recursos

• Troca de dados: o R2 Tester foi projetado para ajudar os usuários a praticar o envio e recebimento de dados com o backend.
• Construído com: HTML, CSS/SASS, JavaScript, DOM e Bootstrap.
• Gerenciamento de solicitações: os usuários podem criar e gerenciar coleções, pastas e solicitações.
• LocalStorage: Salva e carrega solicitações diretamente do localStorage do navegador.
• Prettify: formata respostas JSON para facilitar a leitura.

Código e demonstração ao vivo

Você pode mergulhar no código e ver a demonstração ao vivo do projeto diretamente em seu navegador, visitando o repositório GitHub do projeto no seguinte URL:

https://github.com/adnannazir235/R2-Tester

Status do projeto

R2 Tester é um trabalho em andamento, sem recursos importantes. Seu principal objetivo era aprender as interações da API. Embora demonstre conceitos básicos, não é para uso em produção. Explore o código para fins educacionais, mas esteja ciente de suas limitações.

Conclusão

R2 Tester tem sido um projeto interessante e educacional que me permitiu explorar as complexidades do desenvolvimento web e das interações de API. À medida que continuo a desenvolver esta ferramenta, espero que ela sirva como um recurso útil para outras pessoas que também desejam aprofundar sua compreensão sobre comunicação de back-end e troca de dados.