{"id":23681973,"url":"https://github.com/vilhalva/loja-de-jogos-com-react","last_synced_at":"2026-04-09T15:48:04.450Z","repository":{"id":232693420,"uuid":"782706659","full_name":"VILHALVA/LOJA-DE-JOGOS-COM-REACT","owner":"VILHALVA","description":"👨‍🏫FORMULARIO DE JOGOS COM REACT, EXPRESSJS E MYSQL.","archived":false,"fork":false,"pushed_at":"2024-04-10T22:30:51.000Z","size":22543,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-10T10:50:12.211Z","etag":null,"topics":["crud","css","database","expressjs","framework","html","javascript","mysql","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}},"created_at":"2024-04-05T21:10:49.000Z","updated_at":"2024-04-09T23:15:29.000Z","dependencies_parsed_at":"2024-04-11T02:02:08.114Z","dependency_job_id":null,"html_url":"https://github.com/VILHALVA/LOJA-DE-JOGOS-COM-REACT","commit_stats":null,"previous_names":["vilhalva/loja-de-jogos-com-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/VILHALVA/LOJA-DE-JOGOS-COM-REACT","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FLOJA-DE-JOGOS-COM-REACT","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FLOJA-DE-JOGOS-COM-REACT/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FLOJA-DE-JOGOS-COM-REACT/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FLOJA-DE-JOGOS-COM-REACT/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VILHALVA","download_url":"https://codeload.github.com/VILHALVA/LOJA-DE-JOGOS-COM-REACT/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FLOJA-DE-JOGOS-COM-REACT/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271746300,"owners_count":24813557,"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","status":"online","status_checked_at":"2025-08-23T02:00:09.327Z","response_time":69,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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","expressjs","framework","html","javascript","mysql","projeto","react","site"],"created_at":"2024-12-29T18:47:31.932Z","updated_at":"2025-12-30T19:19:19.002Z","avatar_url":"https://github.com/VILHALVA.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# LOJA DE JOGOS COM REACT\r\n👨‍🏫FORMULARIO DE JOGOS COM REACT, EXPRESSJS 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\r\n## DESCRIÇÃO:\r\nEste é um aplicativo de backend desenvolvido em Node.js com o uso do framework Express e banco de dados MySQL. Ele fornece endpoints para realizar operações CRUD (Create, Read, Update, Delete) em uma entidade de jogos de vídeo.\r\n\r\n## RECURSOS:\r\n1. **Registro de Novo Jogo**:\r\n   - O endpoint `/register` permite registrar um novo jogo no banco de dados. O usuário pode fornecer o nome do jogo, o custo e a categoria através do corpo da requisição POST. Os dados são inseridos na tabela `games` do banco de dados MySQL.\r\n\r\n2. **Pesquisa de Jogos**:\r\n   - O endpoint `/search` possibilita pesquisar jogos com base no nome, custo e categoria. O usuário pode fornecer um ou mais parâmetros de pesquisa no corpo da requisição POST. O aplicativo retorna os jogos que correspondem aos critérios de pesquisa especificados.\r\n\r\n3. **Recuperação de Todos os Jogos**:\r\n   - O endpoint `/getCards` recupera todos os jogos armazenados no banco de dados MySQL. Os dados são retornados como uma resposta JSON.\r\n\r\n4. **Edição de Jogo Existente**:\r\n   - O endpoint `/edit` permite editar um jogo existente no banco de dados. O usuário deve fornecer o ID do jogo a ser editado, bem como os novos valores para o nome, custo e categoria no corpo da requisição PUT. Os dados do jogo são atualizados na tabela `games`.\r\n\r\n5. **Exclusão de Jogo**:\r\n   - O endpoint `/delete/:id` permite excluir um jogo com base no seu ID. O usuário deve fornecer o ID do jogo a ser excluído como parte da URL da requisição DELETE. O jogo correspondente é removido da tabela `games` no banco de dados.\r\n\r\n## EXECUTANDO O PROJETO:\r\n1. **Configuração do Banco de Dados:**\r\n   - Antes de executar o site, é necessário importar o arquivo `DATABASE.sql` que está no diretório `CODIGO/server`. \r\n\r\n2. **Configuração do PHP:**\r\n   - Abra o arquivo `index.js` em `CODIGO/server/index.js` e ajuste as configurações do banco de dados:\r\n   ```javascript\r\n   host: \"localhost\",\r\n   user: \"seu_usuario\",\r\n   password: \"sua_senha\",\r\n   database: \"crudgame\",\r\n   ```\r\n\r\n3. **Instalar as dependências do projeto**:\r\n   - Execute o comando nos diretórios `CODIGO/client` e `CODIGO/server`:\r\n     ```cmd\r\n     npm install\r\n     ```\r\n   Este comando instala todas as dependências listadas no arquivo `package.json` do seu projeto. \r\n\r\n4. **Executando o Aplicativo:**\r\n   - Para subir o servidor, no diretório `CODIGO/server`, abra Terminal/CMD e digite o seguinte comando:\r\n   ```bash\r\n   npm rum devStart\r\n   ```\r\n   - Agora abra outro Terminal/CMD no diretório `CODIGO/client` e digite o seguinte comando:\r\n   ```bash\r\n   npm start\r\n   ```\r\n   - Acesse o APP no navegador visitando `http://localhost:3001/`.\r\n\r\n5. **Usando o APP**:\r\n   - **Cadastro de Jogo:**\r\n      - Na parte superior do aplicativo, você verá um formulário com campos para inserir informações sobre um jogo, como nome, preço e categoria.\r\n      - Preencha os campos necessários com as informações do jogo que você deseja cadastrar.\r\n      - Após preencher os campos, clique no botão \"Cadastrar\".\r\n\r\n   - **Lista de Jogos:**\r\n      - Abaixo do formulário de cadastro, você verá uma lista de jogos cadastrados.\r\n      - Cada jogo na lista terá um título, preço, categoria e opções de edição/remoção.\r\n      - Você pode visualizar todos os jogos cadastrados nesta lista.\r\n\r\n   - **Edição de Jogo:**\r\n      - Para editar um jogo existente, clique em algum componente da lista do jogo que você deseja modificar.\r\n      - Um formulário de edição será exibido, permitindo que você altere as informações do jogo, como nome, preço e categoria.\r\n      - Após fazer as alterações desejadas, clique no botão \"Salvar\" para confirmar as alterações.\r\n\r\n   - **Exclusão de Jogo:**\r\n      - Para excluir um jogo existente, clique no botão \"Excluir\" ao lado do jogo que você deseja remover.\r\n      - Um aviso de confirmação será exibido para garantir que você realmente deseja excluir o jogo.\r\n      - Clique em \"OK\" para confirmar a exclusão do jogo, ou \"Cancelar\" para voltar atrás.\r\n\r\n   - **Visualização Atualizada:**\r\n      - Após realizar qualquer ação de cadastro, edição ou exclusão de jogos, a lista de jogos será atualizada automaticamente para refletir as mudanças feitas.\r\n      - Isso garantirá que você tenha uma visão atualizada e precisa dos jogos cadastrados no sistema.\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 NODEJS](https://github.com/VILHALVA/CURSO-DE-NODEJS)\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* [CONFIRA MAIS CURSOS](https://github.com/VILHALVA?tab=repositories\u0026q=+topic:CURSO)\r\n\r\n## CREDITOS:\r\n- [PROJETO CRIADO PELO \"vitorLostadaC\"](https://github.com/vitorLostadaC/React-JS--Crud-Mysql)\r\n- [VEJA OS VIDEOS DESSE PROJETO:](https://www.youtube.com/@VitorCunhaCode)\r\n   - [PARTE 1](https://youtu.be/e0He6sCiQT8?si=eg8-T6D0n3oo4Djo)\r\n   - [PARTE 2](https://youtu.be/5_9rvyT9cg4?si=4euk96V6T6uBYOkC)\r\n   - [PARTE 3](https://youtu.be/vzPsUWLprAw?si=dM7vwVCT3CwRDpO1)\r\n- [PROJETO FEITO 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%2Floja-de-jogos-com-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvilhalva%2Floja-de-jogos-com-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Floja-de-jogos-com-react/lists"}