{"id":23681807,"url":"https://github.com/vilhalva/crud-de-usuario-com-react","last_synced_at":"2026-04-14T19:32:12.902Z","repository":{"id":231415677,"uuid":"781724187","full_name":"VILHALVA/CRUD-DE-USUARIO-COM-REACT","owner":"VILHALVA","description":"👨‍🏫APP DE CRUD DE USUÁRIOS QUE GERENCIA NOME, EMAIL, TELEFONE E DATA DE NASCIMENTO COM REACT E MYSQL!","archived":false,"fork":false,"pushed_at":"2024-07-09T15:45:13.000Z","size":686,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-21T20:09:16.244Z","etag":null,"topics":["crud","css","database","framework","html","javascript","mysql","nodejs","projeto","react","site"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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-04-03T23:13:55.000Z","updated_at":"2024-07-09T15:45:16.000Z","dependencies_parsed_at":"2024-04-04T00:58:37.115Z","dependency_job_id":"f72e3c21-7230-4ef7-a264-5a321a60f3cc","html_url":"https://github.com/VILHALVA/CRUD-DE-USUARIO-COM-REACT","commit_stats":null,"previous_names":["vilhalva/crud-de-usuario-com-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/VILHALVA/CRUD-DE-USUARIO-COM-REACT","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FCRUD-DE-USUARIO-COM-REACT","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FCRUD-DE-USUARIO-COM-REACT/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FCRUD-DE-USUARIO-COM-REACT/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FCRUD-DE-USUARIO-COM-REACT/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VILHALVA","download_url":"https://codeload.github.com/VILHALVA/CRUD-DE-USUARIO-COM-REACT/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FCRUD-DE-USUARIO-COM-REACT/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31812968,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T18:05:02.291Z","status":"ssl_error","status_checked_at":"2026-04-14T18:05:01.765Z","response_time":153,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["crud","css","database","framework","html","javascript","mysql","nodejs","projeto","react","site"],"created_at":"2024-12-29T18:42:46.240Z","updated_at":"2026-04-14T19:32:12.880Z","avatar_url":"https://github.com/VILHALVA.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CRUD DE USUARIO COM REACT\r\n👨‍🏫APP DE CRUD DE USUÁRIOS QUE GERENCIA NOME, EMAIL, TELEFONE E DATA DE NASCIMENTO COM REACT E MYSQL!\r\n\r\n\u003cimg src=\"./IMAGENS/FOTO_1.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \r\n\u003cimg src=\"./IMAGENS/FOTO_2.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \r\n\u003cimg src=\"./IMAGENS/FOTO_3.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \r\n\u003cimg src=\"./IMAGENS/FOTO_4.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \r\n\u003cimg src=\"./IMAGENS/FOTO_5.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \r\n\r\n## DESCRIÇÃO:\r\nEste projeto é um aplicativo CRUD (Create, Read, Update, Delete) de usuários que gerencia informações como nome, email, telefone e data de nascimento. Ele utiliza React no frontend para criar uma interface de usuário interativa e MySQL como banco de dados para armazenar os dados dos usuários.\r\n\r\n## FUNCIONALIDADES:\r\n1. **Interface de Usuário com React:** O frontend do aplicativo é desenvolvido com React, fornecendo uma interface de usuário amigável para interagir com as operações CRUD.\r\n\r\n2. **Banco de Dados MySQL:** Os dados dos usuários são armazenados em um banco de dados MySQL. O aplicativo utiliza consultas SQL para realizar operações CRUD no banco de dados.\r\n\r\n3. **Operações CRUD:** O aplicativo permite criar novos usuários, visualizar informações de usuários existentes, atualizar os detalhes dos usuários e excluir usuários do banco de dados.\r\n\r\n4. **Gerenciamento de Estado:** O estado da aplicação é gerenciado eficientemente para garantir uma experiência de usuário fluida e responsiva.\r\n\r\n## EXECUTANDO O PROJETO:\r\n1. **Configuração do Banco de Dados:**\r\n   - Antes de executar o aplicativo, é necessário importar o arquivo `DATABASE.sql` que está localizado em `CODIGO/api`.\r\n\r\n2. **Configuração do JS:**\r\n   - Abra o arquivo em `./CODIGO/db.js` e ajuste as configurações do seu banco de dados:\r\n\r\n     ```javascript\r\n      host: \"localhost\",\r\n      user: \"seu_usuario\",\r\n      password: \"sua_senha\",\r\n      database: \"CRUD\"\r\n     ```\r\n\r\n3. **Instalando as Dependências:**\r\n   - Para instalar as dependências listadas no arquivo \"package.json\", você pode usar o comando `npm install` no terminal. Certifique-se de estar no diretório `CODIGO/api` e `CODIGO/frontend` e execute o seguinte comando:\r\n   ```bash\r\n   npm install\r\n   ```\r\n\r\n4. **Executando o Aplicativo:**\r\n   - Para iniciar o servidor, você deve estar no diretório `CODIGO/api` e `CODIGO/frontend`. Abra dois terminais e execute o seguinte comando em cada um:\r\n   ```bash\r\n   npm start\r\n   ```\r\n\r\n   - Acesse o aplicativo no navegador visitando `http://localhost:3000/`.\r\n\r\n5. **Interagindo com o Aplicativo:**\r\n   Use a interface do usuário para adicionar, visualizar, atualizar e excluir usuários conforme necessário. Certifique-se de que o servidor MySQL esteja em execução e acessível para que o aplicativo possa se conectar e interagir com o banco de dados.\r\n\r\n## NÃO SABE?\r\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:\r\n* [CURSO DE HTML E CSS](https://github.com/VILHALVA/CURSO-DE-HTML-E-CSS)\r\n* [CURSO DE REACT](https://github.com/VILHALVA/CURSO-DE-REACT)\r\n* [CURSO DE MYSQL](https://github.com/VILHALVA/CURSO-DE-MYSQL)\r\n* [CURSO DE NODEJS COM MYSQL](https://github.com/VILHALVA/CURSO-DE-NODEJS-COM-MYSQL)\r\n* [CONFIRA MAIS CURSOS](https://github.com/VILHALVA?tab=repositories\u0026q=+topic:CURSO)\r\n\r\n## CREDITOS:\r\n- [PROJETO CRIADO PELO \"WilliamDosSantos\"](https://github.com/WilliamDosSantos/CRUD-FullStack)\r\n- [VEJA O VIDEO DESSE PROJETO](https://youtu.be/voXTVTW73E8?si=FWYiybBjLY-EImhk)\r\n- [PROJETO EDITADO PELO VILHALVA](https://github.com/VILHALVA)\r\n\r\n\r\n\r\n\r\n\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Fcrud-de-usuario-com-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvilhalva%2Fcrud-de-usuario-com-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Fcrud-de-usuario-com-react/lists"}