Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/davimateus1/json-tree-challenge

Desafio da Rinha de Front-end que consiste em criar uma JSON Tree Viewer manipulando todos os dados no front-end e aceitando um volume alto de informações.
https://github.com/davimateus1/json-tree-challenge

eslint-prettier json-manipulation large-json react shadcn-ui tailwind vite

Last synced: 15 days ago
JSON representation

Desafio da Rinha de Front-end que consiste em criar uma JSON Tree Viewer manipulando todos os dados no front-end e aceitando um volume alto de informações.

Awesome Lists containing this project

README

        

# Json Tree Challenge

Este projeto foi feito com base no desafio da [Rinha de Frontend](https://github.com/codante-io/rinha-frontend), cujo objetivo é criar uma "JSON Tree Viewer": Um visualizador de JSON que roda sem backend, e que seja capaz de carregar um JSON especificado pelo usuário e exibi-lo. Para isso, foi executado uma bateria de testes, que são JSON's que vão aumentando seu tamanho e complexidade para estresar a aplicação. Os testes que foram expostos a essa aplicação foram os seguintes:

- [X] - verysmall.json (98 Bytes)
- [X] - small.json (1 KB)
- [X] - pokedex.json (281 KB)
- [X] - startwitharray.json (1.6MB)
- [X] - nullreference.json (21 KB)
- [X] - large.json (24.9 MB)
- [X] - invalid.json (1 KB)
- [X] - giant.json (181 MB)
- [X] - alltypes.json (804 Bytes)

---
### Tecnologias utilizadas
- React
- TypeScript
- Tailwind
- ShadCN UI
- Vite
- Eslint & Prettier

---

### Você pode visualizar os JSON's clicando [aqui](https://drive.google.com/drive/folders/1oO0AoBQukdF3_DxRYn1di7O4Iiqom1wJ)


Made With > and ❤️ By [Davi Mateus](https://www.linkedin.com/in/davimateusg/)