{"id":23485208,"url":"https://github.com/gabriel4420/reactaulas","last_synced_at":"2026-05-08T19:31:52.496Z","repository":{"id":38587004,"uuid":"403184128","full_name":"Gabriel4420/reactAulas","owner":"Gabriel4420","description":"Conjunto de atividades realizadas no modulo de react do curso da b7web, ministrado pelo professor Bonieky Lacerda sobre o entendimento das bases e fundamentos do react framework:","archived":false,"fork":false,"pushed_at":"2023-01-07T18:38:46.000Z","size":5368,"stargazers_count":0,"open_issues_count":6,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-09T15:36:06.462Z","etag":null,"topics":["javascript","reactdom","reactjs"],"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/Gabriel4420.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}},"created_at":"2021-09-05T00:44:45.000Z","updated_at":"2022-01-23T19:04:01.000Z","dependencies_parsed_at":"2023-02-07T21:01:44.155Z","dependency_job_id":null,"html_url":"https://github.com/Gabriel4420/reactAulas","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Gabriel4420/reactAulas","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gabriel4420%2FreactAulas","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gabriel4420%2FreactAulas/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gabriel4420%2FreactAulas/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gabriel4420%2FreactAulas/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Gabriel4420","download_url":"https://codeload.github.com/Gabriel4420/reactAulas/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gabriel4420%2FreactAulas/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32794584,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-08T08:22:46.396Z","status":"ssl_error","status_checked_at":"2026-05-08T08:22:45.650Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["javascript","reactdom","reactjs"],"created_at":"2024-12-24T22:12:26.856Z","updated_at":"2026-05-08T19:31:52.479Z","avatar_url":"https://github.com/Gabriel4420.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  \u0026#x1F4F1; Aulas React \u0026#x1F4F1;\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n   \u003cimg alt=\"GitHub language count\" src=\"https://img.shields.io/github/languages/count/Gabriel4420/reactAulas\"\u003e\n\n  \u003cimg alt=\"GitHub top language\" src=\"https://img.shields.io/github/languages/top/Gabriel4420/reactAulas?logo=html\"\u003e\n\n  \u003cimg alt=\"GitHub repo size in bytes\" src=\"https://img.shields.io/github/repo-size/Gabriel4420/reactAulas?color=green\"\u003e\n\n  \u003cbr\u003e\n  \n  \u003ca href=\"https://www.codacy.com/manual/Gabriel4420/reactAulas?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=Gabriel4420/reactAulas\u0026amp;utm_campaign=Badge_Grade\"\u003e\n    \u003cimg src=\"https://app.codacy.com/project/badge/Grade/6dd6b46abeb14e99935a2b9ac5c6ede2\"/\u003e\n  \u003c/a\u003e\n  \n  \u003cimg alt=\"GitHub code size in bytes\" src=\"https://img.shields.io/github/last-commit/Gabriel4420/reactAulas\"\u003e\n\n\n  \u003ca href=\"https://www.linkedin.com/in/gabriel-rodrigues-perez-2069b072/\"\u003e\n    \u003cimg alt=\"Made by Gabriel\" src=\"https://img.shields.io/badge/made%20by-Gabriel-%2304D361\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n---\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Gif da Aplicação\" src=\"./HomeApp.png\" /\u003e\n\u003c/p\u003e\n\n---\n\n# Indice\n\n- :rocket: [Sobre o Projeto](#rocket-sobre-o-projeto)\n- 👨‍💻️ [Tecnogias utilizadas](#%EF%B8%8F-tecnogias-utilizadas)\n- 📦️ [Como utilizar o projeto](#%EF%B8%8F-como-utilizar-o-projeto)\n---\n\n## :rocket: Sobre o Projeto\n\nConjunto de atividades realizadas no modulo de react do curso da b7web, ministrado pelo professor Bonieky Lacerda sobre o entendimento das bases e fundamentos do react lib: \n\n\u003cul\u003e\n      \u003cli\u003eEntendendo JSX\u003c/li\u003e\n      \u003cli\u003eComponents\u003c/li\u003e\n      \u003cli\u003eProps\u003c/li\u003e\n      \u003cli\u003euseState \u0026 useEffect\u003c/li\u003e\n      \u003cli\u003eEstilização com stylesheet \u0026 styled-Components\u003c/li\u003e\n      \u003cli\u003eCondicional de exibição\u003c/li\u003e\n      \u003cli\u003eModal\u003c/li\u003e\n      \u003cli\u003eRedirect\u003c/li\u003e\n      \u003cli\u003euseRef\u003c/li\u003e\n      \u003cli\u003euseHistory\u003c/li\u003e\n      \u003cli\u003elocalStorage\u003c/li\u003e\n      \u003cli\u003eRouter: Rotas protegidas\u003c/li\u003e\n      \u003cli\u003eRouter: Query\u003c/li\u003e\n      \u003cli\u003eRouter: Parametros na URL\u003c/li\u003e\n      \u003cli\u003eRouter: Tratativa de Rota inexistente (404)\u003c/li\u003e\n      \n\u003c/ul\u003e\n\n---\n\n## 👨‍💻️ Tecnogias utilizadas\n\nO projeto foi desenvolvido utilizando as seguintes tecnologias:\n\n- [React](https://reactjs.org/docs/getting-started.html)\n\n\n### Dependências\n\n  - [react-dom](https://reactjs.org/docs/getting-started.html)\n  - [styled-components](https://styled-components.com/docs/basics)\n\n\n### Padronização de código\n\n  - [ESLint](https://eslint.org/)\n  - [Prettier](https://prettier.io/)\n\n### IDE\n\n  - [Visual Studio Code](https://code.visualstudio.com/)\n\n---\n\n## 📦️ Como utilizar o projeto\n\nPara copiar o projeto, utilize os comandos:\n\n```bash\n  # Clonar o repositório\n  ❯ git clone https://github.com/Gabriel4420/reactAulas.git\n\n```\nPara instalar as dependências e iniciar o projeto, você pode utilizar o yarn ou npm:\n\n**Utilizando yarn**\n\n```bash\n  # verificar as dependências\n   yarn\n\n  # Rodando o app \n\n  yarn start\n```\n\n**Utilizando npm**\n\n*PS: utilize o npm , para atualizar as dependências, tome cuidado, pois dependendo da versão da dependência, pode ser que o projeto não funcione como o esperado.*\n\n```bash\n  # Atualizar as dependências\n  ❯ npm install\n\n  # Iniciar o projeto\n  ❯ npm start\n```\n\n---\n\n\u003ch4 align=\"center\"\u003e\n  Feito com ❤️ por Gabriel Rodrigues 👋️ \u003ca href=\"mailto:gabriel_rodrigues_perez@hotmail.com\"\u003eEntre em contato!\u003c/a\u003e\n\u003c/h4\u003e\n\n\u003cp align=\"center\"\u003e\n\n  \u003ca href=\"https://www.linkedin.com/in/gabriel-rodrigues-perez-2069b072/\"\u003e\n    \u003cimg alt=\"Gabriel Rodrigues Perez\" src=\"https://img.shields.io/badge/LinkedIn-Gabriel_Rodrigues-0e76a8?style=flat\u0026logoColor=white\u0026logo=linkedin\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.facebook.com/gabriel.rodrigues.perez\"\u003e\n    \u003cimg alt=\"Gabriel Rodrigues Perez\" src=\"https://img.shields.io/badge/Facebook-Gabriel_Rodrigues-1778F2?style=flat\u0026logoColor=white\u0026logo=facebook\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.instagram.com/gabriel_rodrigues_perez/\"\u003e\n    \u003cimg alt=\"Gabriel Rodrigues Perez\" src=\"https://img.shields.io/badge/Instagram-@gabriel4420-833AB4?style=flat\u0026logoColor=white\u0026logo=instagram\"\u003e\n  \u003c/a\u003e\n  \n  \n\u003c/p\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgabriel4420%2Freactaulas","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgabriel4420%2Freactaulas","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgabriel4420%2Freactaulas/lists"}