Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/davimateus1/json-tree-challenge
- Owner: davimateus1
- License: mit
- Created: 2024-07-15T20:05:46.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-17T14:52:42.000Z (4 months ago)
- Last Synced: 2024-07-17T19:37:13.537Z (4 months ago)
- Topics: eslint-prettier, json-manipulation, large-json, react, shadcn-ui, tailwind, vite
- Language: TypeScript
- Homepage: https://json-tree-challenge.vercel.app/
- Size: 111 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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/)