{"id":24707653,"url":"https://github.com/adriastephanie/fullstack-app","last_synced_at":"2026-04-10T01:16:27.316Z","repository":{"id":269227029,"uuid":"906782562","full_name":"adriastephanie/fullstack-app","owner":"adriastephanie","description":"Projeto criado para estudar backend, criar uma api simples e testar o funcionamento de um sistema de envio pelo frontend. ","archived":false,"fork":false,"pushed_at":"2025-02-27T17:40:42.000Z","size":14304,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-28T01:08:25.862Z","etag":null,"topics":["api","backend","express","frontend","node","react"],"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/adriastephanie.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-12-21T22:17:17.000Z","updated_at":"2025-02-27T17:40:47.000Z","dependencies_parsed_at":"2024-12-21T23:19:47.671Z","dependency_job_id":"a310682d-4a52-47a2-8753-ee4a533d77f1","html_url":"https://github.com/adriastephanie/fullstack-app","commit_stats":null,"previous_names":["adriastephanie/fullstack-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adriastephanie%2Ffullstack-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adriastephanie%2Ffullstack-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adriastephanie%2Ffullstack-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adriastephanie%2Ffullstack-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adriastephanie","download_url":"https://codeload.github.com/adriastephanie/fullstack-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244912726,"owners_count":20530764,"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":["api","backend","express","frontend","node","react"],"created_at":"2025-01-27T06:18:03.191Z","updated_at":"2025-12-30T23:51:51.140Z","avatar_url":"https://github.com/adriastephanie.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Projeto de Fullstack\nProjeto criado para estudar backend, criar uma api simples e testar o funcionamento de um sistema de envio pelo frontend.\nCriar uma aplicação onde o frontend envia os dados de um formulário (nome e email) para o backend (API) que, por sua vez, processa e retorna uma resposta.\n\n## Criação do repositório e do projeto\n\nO projeto foi criado da seguinte maneira\n\ncriar a pasta do repo\n\n`mkdir fullstack-app`\n\nentrar na pasta para criar demais pastas\n\n`cd fullstack-app`\n\n`mkdir frontend backend`\n\nInicializar o frontend (Dentro da pasta frontend)\n\n`npx create-react-app frontend`\n\n```sh\ncd frontend\nnpm install axios\n```\n- Axios para enviar uma requisição POST para a API do backend pelo frontend.\n\n\nInicializar o backend (Dentro da pasta backend)\n\n`npm init -y`\n\n`npm install express cors body-parser`\n\n- express: Framework para o servidor HTTP.\n- cors: Para permitir que o frontend se conecte ao backend (Cross-Origin Resource Sharing).\n- body-parser: Para interpretar as requisições JSON.\n\n\n## Configuração do Backend\n\no arquivo index.js foi criado  no servidor Express e a rota POST para receber os dados do cadastro e GET para consultar\n\npara rodar o backend basta \n\n```sh\ncd backend\nnode index.js\n```\n\n## Configuração do Frontend\n\nNo diretório frontend, foi criado uma página simples com um formulário de cadastro. O formulário irá coletar os dados de nome e email, e enviá-los para a API do backend.\nO formulário fica no arquivo src/App.js\n\npara rodar o frontend basta:\n\n```sh\ncd frontend/frontend\nnpm start\n```\nO frontend estará disponível em http://localhost:3000.\n\n\n### O que foi feito\n\n- Como configurar um backend simples com Express\n- Como criar um frontend básico com React\n- Como fazer requisições POST do frontend para o backend usando Axios.\n- Como garantir a comunicação entre frontend e backend rodando em portas diferentes localmente.\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadriastephanie%2Ffullstack-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadriastephanie%2Ffullstack-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadriastephanie%2Ffullstack-app/lists"}