{"id":15103888,"url":"https://github.com/vilhalva/database-viewer","last_synced_at":"2026-01-19T04:32:24.320Z","repository":{"id":254175480,"uuid":"845719146","full_name":"VILHALVA/DATABASE-VIEWER","owner":"VILHALVA","description":"👨‍🏫VISUALIZE OS DADOS SQL E JSON EM FORMATO DE TABELA.","archived":false,"fork":false,"pushed_at":"2024-08-21T22:19:29.000Z","size":163,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-10T23:51:19.213Z","etag":null,"topics":["bootstrap","css","database","framework","html","javascript","json","mysql","nodejs","projeto","site","vuejs"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/VILHALVA.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-21T19:47:24.000Z","updated_at":"2024-08-21T22:19:32.000Z","dependencies_parsed_at":null,"dependency_job_id":"4047ac65-210a-4014-9004-ae3f7ab32239","html_url":"https://github.com/VILHALVA/DATABASE-VIEWER","commit_stats":null,"previous_names":["vilhalva/database-viewer"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FDATABASE-VIEWER","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FDATABASE-VIEWER/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FDATABASE-VIEWER/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FDATABASE-VIEWER/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VILHALVA","download_url":"https://codeload.github.com/VILHALVA/DATABASE-VIEWER/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247335859,"owners_count":20922520,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","css","database","framework","html","javascript","json","mysql","nodejs","projeto","site","vuejs"],"created_at":"2024-09-25T19:43:25.829Z","updated_at":"2026-01-19T04:32:24.314Z","avatar_url":"https://github.com/VILHALVA.png","language":"Vue","readme":"# DATABASE VIEWER\n👨‍🏫VISUALIZE OS DADOS SQL E JSON EM FORMATO DE TABELA.\n\n\u003cimg src=\"./IMAGENS/FOTO_1.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \n\u003cimg src=\"./IMAGENS/FOTO_2.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \n\n## DESCRIÇÃO:\nEste aplicativo é um visualizador de dados que permite ao usuário fazer o upload de arquivos SQL ou JSON e exibir os dados contidos nesses arquivos em uma tabela. Aqui está um resumo das funcionalidades:\n\n1. **Upload de Arquivos**:\n   - O usuário pode fazer o upload de arquivos SQL ou JSON clicando em um botão de upload.\n   - O app processa o arquivo enviado para extrair e exibir os dados.\n\n2. **Processamento de Arquivos**:\n   - **SQL**: O app lê e processa arquivos SQL que contêm instruções `INSERT INTO`. Ele extrai os dados da instrução e os converte para um formato tabular.\n   - **JSON**: O app lê arquivos JSON e exibe os dados em formato de tabela. Ele suporta tanto arrays de objetos quanto objetos únicos.\n\n3. **Exibição de Dados**:\n   - Os dados extraídos são exibidos em uma tabela com uma aparência escura.\n   - A tabela exibe colunas e linhas de acordo com os dados extraídos do arquivo.\n\n4. **Tratamento de Erros**:\n   - Se ocorrer um erro durante o processamento do arquivo (por exemplo, formato inválido ou erro de leitura), uma mensagem de erro é exibida para o usuário.\n\n## EXECUTANDO O PROJETO:\n1. **Instalar as dependências do projeto**:\n   - Execute o comando no diretório `CODIGO/`:\n     ```cmd\n     npm install\n     ```\n\n   - Este comando instala todas as dependências listadas no arquivo `package.json` do seu projeto.\n\n2. **Executando o Aplicativo:**\n   - Ainda no diretório `CODIGO/`, abra o terminal ou prompt de comando e digite o seguinte comando:\n   ```bash\n   npm run serve\n   ```\n\n   - Acesse o aplicativo no navegador visitando: [http://localhost:8080/](http://localhost:8080/).\n   \n3. **Fazer o Upload de um Arquivo**:\n   - Clique no botão \"UPLOAD DE SQL/JSON\" para abrir o seletor de arquivos.\n   - Selecione um arquivo SQL ou JSON do diretório `./DATABASES`.\n\n4. **Visualizar os Dados**:\n   - Após o upload, o app processará o arquivo e exibirá os dados em uma tabela na página.\n   - Se o arquivo for SQL, ele deve conter instruções `INSERT INTO` com dados a serem exibidos.\n   - Se o arquivo for JSON, ele deve conter dados no formato JSON que serão exibidos na tabela.\n\n5. **Tratar Erros**:\n   - Se o arquivo não for no formato correto ou se ocorrer um problema durante o processamento, uma mensagem de erro será exibida. Certifique-se de que o arquivo está no formato correto para evitar erros.\n\n## NÃO SABE?\n- Entendemos que para manipular arquivos em `HTML`, `CSS` e outras linguagens relacionadas, é necessário possuir conhecimento nessas áreas. Para auxiliar nesse aprendizado, oferecemos cursos gratuitos disponíveis:\n* [CURSO DE HTML E CSS](https://github.com/VILHALVA/CURSO-DE-HTML-E-CSS)\n* [CURSO DE BOOTSTRAP](https://github.com/VILHALVA/CURSO-DE-BOOTSTRAP)\n* [CURSO DE NODEJS](https://github.com/VILHALVA/CURSO-DE-NODEJS)\n* [CURSO DE JAVASCRIPT](https://github.com/VILHALVA/CURSO-DE-JAVASCRIPT)\n* [CURSO DE VUEJS](https://github.com/VILHALVA/CURSO-DE-VUEJS)\n* [CURSO DE MYSQL](https://github.com/VILHALVA/CURSO-DE-MYSQL)\n* [CURSO DE NODEJS COM MYSQL](https://github.com/VILHALVA/CURSO-DE-NODEJS-COM-MYSQL)\n* [CURSO DE JSON](https://github.com/VILHALVA/CURSO-DE-JSON)\n* [CONFIRA MAIS CURSOS](https://github.com/VILHALVA?tab=repositories\u0026q=+topic:CURSO)\n\n## CREDITOS:\n- [PROJETO CRIADO PELO VILHALVA](https://github.com/VILHALVA)\n\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Fdatabase-viewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvilhalva%2Fdatabase-viewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Fdatabase-viewer/lists"}