Introduction

Ce mois-ci, j'ai commencé à travailler sur un nouveau projet parallèle appelé R2 Tester, initialement nommé Postman-frontend, grâce à ChatGPT. Conçu comme un outil d'apprentissage, R2 Tester reproduit l'interface et les fonctionnalités de Postman, m'aidant ainsi à approfondir ma compréhension de l'interaction API. L'idée est née d'un autre projet parallèle sur lequel j'ai commencé à travailler le mois précédent (oui ?‍♂️).

À propos du testeur R2

C'est un outil que j'ai construit pour m'entraîner à échanger des données et des fichiers (encore à implémenter) avec le backend (Node.js dans mon cas). Le frontal est développé avec HTML, CSS/SASS, JavaScript, manipulation DOM, Bootstrap et Prettify pour le formatage JSON.

L'outil enregistre les requêtes dans le stockage local du navigateur et les charge sur l'interface utilisateur (en fonction de l'interaction de l'utilisateur). Les utilisateurs peuvent créer des collections, des dossiers et des demandes individuelles, avec des réponses visualisées dans une vue claire et formatée via Prettify.

Principales fonctionnalités

• Échange de données : R2 Tester est conçu pour aider les utilisateurs à s'entraîner à envoyer et à recevoir des données avec le backend.
• Construit avec : HTML, CSS/SASS, JavaScript, DOM et Bootstrap.
• Gestion des demandes : les utilisateurs peuvent créer et gérer des collections, des dossiers et des demandes.
• LocalStorage : enregistrez et chargez les requêtes directement depuis le localStorage du navigateur.
• Prettify : formate les réponses JSON pour une lisibilité facile.

Code et démo en direct

Vous pouvez plonger dans le code et voir la démonstration en direct du projet directement dans votre navigateur en visitant le référentiel GitHub du projet à l'URL suivante :

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

Statut du projet

R2 Tester est un travail en cours, dépourvu de fonctionnalités clés. Son objectif principal était d'apprendre les interactions API. Bien qu'il démontre les concepts de base, il n'est pas destiné à une utilisation en production. Explorez le code à des fins éducatives, mais soyez conscient de ses limites.

Conclusion

R2 Tester a été un projet passionnant et éducatif qui m'a permis d'explorer les subtilités du développement Web et des interactions API. Alors que je continue à développer cet outil, j'espère qu'il constituera une ressource utile pour ceux qui cherchent également à approfondir leur compréhension de la communication backend et de l'échange de données.