{"id":17696069,"url":"https://github.com/davimateus1/semanadacomputacao","last_synced_at":"2026-04-13T20:02:25.654Z","repository":{"id":108345185,"uuid":"493035789","full_name":"davimateus1/semanaDaComputacao","owner":"davimateus1","description":"Repositório destinado a semana da computação, onde ministrei o Minicurso: Introdução e Conceitos Primordiais com ReactJS abordando vários conceitos essenciais e realizando um projeto do zero ao deploy. ","archived":false,"fork":false,"pushed_at":"2022-05-18T00:26:06.000Z","size":2023,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-31T00:27:47.948Z","etag":null,"topics":["axios","css","react-icons","react-loading","react-router","reactjs","rick-and-morty"],"latest_commit_sha":null,"homepage":"https://semana-da-computacao.vercel.app","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/davimateus1.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":"2022-05-17T00:00:50.000Z","updated_at":"2022-06-07T16:19:18.000Z","dependencies_parsed_at":"2023-05-21T22:15:34.333Z","dependency_job_id":null,"html_url":"https://github.com/davimateus1/semanaDaComputacao","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/davimateus1/semanaDaComputacao","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davimateus1%2FsemanaDaComputacao","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davimateus1%2FsemanaDaComputacao/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davimateus1%2FsemanaDaComputacao/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davimateus1%2FsemanaDaComputacao/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/davimateus1","download_url":"https://codeload.github.com/davimateus1/semanaDaComputacao/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davimateus1%2FsemanaDaComputacao/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31768649,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T15:25:13.801Z","status":"ssl_error","status_checked_at":"2026-04-13T15:25:09.162Z","response_time":93,"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":["axios","css","react-icons","react-loading","react-router","reactjs","rick-and-morty"],"created_at":"2024-10-24T14:43:11.728Z","updated_at":"2026-04-13T20:02:25.639Z","avatar_url":"https://github.com/davimateus1.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n \u003cimg alt=\"move.it\" title=\"move.it\" src=\"https://user-images.githubusercontent.com/66326378/168703581-a31109f3-6b3f-4153-8279-f02000a34cf9.png\" width=\"25%\"  /\u003e\n  \u003cbr\u003e\n  Semana da Computação UNICAP - 2022\n\u003c/h1\u003e\n\n\u003cbr\u003e\n\n### ✨ Dia 1\n\n\u003cp align=\"left\"\u003e\nNo primeiro dia do minicurso, apresentei alguns conceitos primordiais no ReactJS, também dei a explicação de diversos conceitos de uma forma bastante detalhada para que os alunos conseguissem um entendimento melhor não só da prática, mas também da teoria e tudo que acontece por \"de trás\" dos panos no React, as abordagens desse primeiro dia foram as seguintes:\n\n\u003cul\u003e\n  \u003cli\u003eOque é o Node.js e React JS?\u003c/li\u003e\n  \u003cli\u003eGerenciador de pacotes (NPM e Yarn)\u003c/li\u003e\n  \u003cli\u003eCriação de um projeto React com node\u003c/li\u003e\n  \u003cli\u003eEstrutura de um projeto com o React\u003c/li\u003e\n  \u003cli\u003eOque é o JSX?\u003c/li\u003e\n  \u003cli\u003eComponentização e props\u003c/li\u003e\n  \u003cli\u003eHooks do React\u003c/li\u003e\n  \u003cli\u003eRenderização condicional\u003c/li\u003e\n\u003c/ul\u003e\n\nAlém de todos esses conceitos explicados, ainda fomos pra prática e mostrei tudo detalhadamente dando exemplos comuns que podem ocorrer na rotina normal de um desenvolvedor Front-end.\n\u003c/p\u003e\n \n\u003chr\u003e\n\u003cbr\u003e\n\n### ✨ Dia 2\n\n\u003cp align=\"left\"\u003e\nNo segundo dia do minicurso, apresentei o restante dos conceitos primordiais no ReactJS, também dei a explicação desses conceitos de uma forma bastante detalhada para que os alunos conseguissem um entendimento melhor não só da prática, mas também da teoria e tudo que acontece por \"de trás\" dos panos no React, as abordagens desse segundo dia foram as seguintes:\n\n\u003cul\u003e\n  \u003cli\u003eConsumo de módulos externos\u003c/li\u003e\n  \u003cli\u003eConsumo de API com Axios\u003c/li\u003e\n  \u003cli\u003eRotas com React Router DOM\u003c/li\u003e\n  \u003cli\u003eProjeto para fixação e portfólio\u003c/li\u003e\n\u003c/ul\u003e\n\nAlém de todos esses conceitos explicados, ainda fomos para a prática e criamos um projeto do zero ao deploy abordando todos os conceitos que foram explicados durante o minicurso e que também servirá de portfólio para os alunos.\n\u003c/p\u003e\n\n\u003chr\u003e\n\u003cbr\u003e\n\n\u003ch1 align=\"center\"\u003e\n \u003cimg alt=\"move.it\" title=\"move.it\" src=\"https://user-images.githubusercontent.com/66326378/168445917-1706023f-969f-4a14-b5da-604c61f301e3.png\" width=\"25%\"  /\u003e\n  \u003cbr\u003e\n  Projeto semana da Computação: Universo do Rick e Morty\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#-tecnologias\"\u003eTecnologias\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-projeto\"\u003eProjeto\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-deploy-do-projeto\"\u003eDeploy do Projeto\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-como-executar\"\u003eComo executar\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr\u003e\n\n\u003ch2\u003e🖥️ Tela principal: \u003c/h2\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Happy\" src=\"https://user-images.githubusercontent.com/66326378/168445980-36694c0b-daa6-46f1-90b9-8ef94b99b80a.png\" width=\"100%\"\u003e\n\u003c/p\u003e\n\u003ch2\u003e🖥️ Tela de personagens: \u003c/h2\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Happy\" src=\"https://user-images.githubusercontent.com/66326378/168446155-042e8bda-c5ed-4fd9-aa5d-9b4d6c9b01db.png\" width=\"100%\"\u003e\n\u003ch2\u003e🖥️ Tela de Erro: \u003c/h2\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Happy\" src=\"https://user-images.githubusercontent.com/66326378/168446176-6872e063-f559-45ce-b381-30f693dc9d54.png\" width=\"100%\"\u003e\n\u003c/p\u003e\n\u003ch2\u003e📱 Telas responsivas: \u003c/h2\u003e\n\u003cp float=\"left\" align=\"center\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/66326378/168446224-eefc420f-2b61-459f-b167-b35ef1210b30.png\" width=\"30%\" /\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/66326378/168446217-579aadf7-e4a7-4d4a-8b9d-966f85c49fd0.png\" width=\"30%\" /\u003e \n  \u003cimg src=\"https://user-images.githubusercontent.com/66326378/168446207-d2ccbf80-974b-405f-9568-11a62a736615.png\" width=\"30%\" /\u003e\n\u003c/p\u003e\n\n\u003cbr\u003e\n\n## ✨ Tecnologias\n\nEsse projeto foi desenvolvido com as seguintes tecnologias:\n\n- [ReactJS](https://reactjs.org)\n- [React Icons](https://react-icons.github.io/react-icons/search)\n- [React Router](https://reactrouter.com)\n- [React Loading](https://www.npmjs.com/package/react-loading)\n- [Axios](https://axios-http.com/docs/intro)\n- [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS)\n- [Rick and Morty API](https://rickandmortyapi.com)\n\n\u003cbr\u003e\n\n## 💻 Projeto\n\n\u003cp align=\"left\"\u003e\nEsse projeto foi desenvolvido para repassar conhecimentos aos alunos durante o minicurso que fui ministrante (Introdução e Conceitos Primordiais com ReactJS), o projeto consiste em uma aplicação simples consumindo a Rick and Morty API que é uma apli pública e pondo em prática todos os conceitos que foram dados durante o minicurso (useState, useEffect, uso de bibliotecas externas, Axios, renderização condicional, rotas com React Router DOM, componentização e etc).\n\u003c/p\u003e\n \n\u003cbr\u003e \n \n## 🚀 Deploy do Projeto\n\nVocê pode ver o funcionamento através [desse link](https://semana-da-computacao.vercel.app).\n\n\u003cbr\u003e\n\n## 🚀 Como executar\n\n- Clone o repositório\n- Instale o [NPM](https://www.npmjs.com)\n- Instale as dependências com `npm install` no terminal\n- Inicie o projeto com `npm start` e após isso abra o `localhost:3000` no seu navegador\n- Fique a vontade para explorar e testar as funcionalidades do projeto\n\n---\n\n\u003ch4 align=\"center\"\u003e\n Projeto realizado pelo ministrante Davi Mateus do Minicurso: Introdução e Conceitos Primordiais com ReactJS, durante a Semana da Computação 2022 - UNICAP\n\u003c/h4\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavimateus1%2Fsemanadacomputacao","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavimateus1%2Fsemanadacomputacao","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavimateus1%2Fsemanadacomputacao/lists"}