PITCH: Ferramenta para gerar o arquivo de JSON-SERVER com dados estruturados e de maneira mais fácil
Olá, pessoal! Tudo bem?
Meu nome é Bruno Braga e, atualmente, sou Engineering Manager no Nubank. Embora minha principal função hoje em dia não seja mais codar profissionalmente, às vezes ainda sinto vontade de me aventurar em alguns projetos pessoais.
Recentemente, assisti a um vídeo onde o youtuber usava a biblioteca JSON Server para criar um mock de back-end. Notei que ele estava gastando muito tempo para montar as APIs, especialmente na hora de alterar algum atributo. Toda vez que precisava fazer uma mudança, ele tinha que copiar registros existentes ou alterar manualmente, o que era bastante trabalhoso.
Foi aí que surgiu a ideia de criar uma ferramenta para facilitar esse processo de maneira visual e prática.
Apresento a vocês o JSON-Server Generator!
A JSON-Server Generator é simples e direta: você adiciona os endpoints, define os atributos de cada um e escolhe o tipo deles. Depois, é só clicar em "Generate JSON-Server Code" e pronto! O código do JSON Server estará gerado e pronto para uso. Se precisar fazer ajustes, basta modificar e gerar novamente.
Os dados do JSON gerado são bem robustos, pois utilizo a biblioteca faker.js para ter informações realistas.
Já tenho algumas melhorias no backlog, como adicionar novos tipos de dados(se tiverem alguma sugestão do que sentiram falta já, seria ótimo), criar relacionamentos entre endpoints e melhorar a experiência em dispositivos móveis. Mas adoraria receber feedbacks sobre o que acharam e sugestões de funcionalidades que vocês gostariam de ver.
Valeu!
PS(Edit01) Se puderem também dar um feedback sobre usabilidade será muito massa =D
Olá. Eu testei sua aplicação e eu senti falta de dados de datas.
De usabilidade eu gostei muito do visual e de como está. Acho que só destacaria um pouco mais o botão Generate JSON-Server Code
.
Não sei se serve de feedback, mas sugiro um tipo booleano como atributo para campos que precisamos True/False.
Massa demais, Bruno! Gostaria de saber se o projeto é open source, e com quais tecnologias você o construiu. Gostaria de contribuir para o seu projeto, achei bastante promissor :D
Massa, muito boa ideia!!
Gostei das cores, mas senti falta de responsividade pro mobile (testei no celular, e a caixa de atributos ficou estreita, mas não a ponto de impedir a usabilidade)
Só não consegui testar a geração de Lists, pois ao clicar nessa opção a caixa de cadastro de nova endpoint sumiu (achei inicialmente que foi algum bug introduzido recentemente, mas parece um caso bem sutil que tá acontecendo quando vc apaga todos os endpoints, cria um novo e tenta colocar como tipo Lists)!
Uma sugestão é considerar já deixar algum json de exemplo, contendo um atributo de cada tipo. Acho que isso pode ajudar o usuário a entender rapidamente qual o intuito da ferramenta e o que ela é capaz de fazer (daí precisaria de um botão de limpar todos os endpoints e outro pra restaurar pra esse default com endpoints de exemplo). Achei massa que tá salvando o estado no dispositivo!
Por fim, caso decida abrir como um projeto open-source, adoraria contribuir de alguma forma.