{"id":19817682,"url":"https://github.com/raizertechdev/01.desafiostackx-web3.0-react","last_synced_at":"2025-02-28T15:23:46.073Z","repository":{"id":168821108,"uuid":"575890863","full_name":"RaizerTechDev/01.DESAFIOSTACKX-WEB3.0-REACT","owner":"RaizerTechDev","description":"Lançados 03 projetos que fazem parte do Módulo Web 3.0 do Curso StackX, neste desafio foram aplicadas as seguintes stacks =\u003e React use Styled-Components , TypeScript e HTML5🙌🚀","archived":false,"fork":false,"pushed_at":"2023-09-22T11:44:52.000Z","size":369,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-11T08:12:15.668Z","etag":null,"topics":["html-css","reactjs","styled-components","typescript"],"latest_commit_sha":null,"homepage":"https://rafarz76dev-desafiostackx-web30-react.netlify.app/","language":"TypeScript","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/RaizerTechDev.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-12-08T14:30:08.000Z","updated_at":"2023-10-31T20:59:20.000Z","dependencies_parsed_at":"2023-09-23T13:33:14.201Z","dependency_job_id":null,"html_url":"https://github.com/RaizerTechDev/01.DESAFIOSTACKX-WEB3.0-REACT","commit_stats":null,"previous_names":["rafarz76dev/01.desafiostackx-web3.0-react","raizertechdev/01.desafiostackx-web3.0-react"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RaizerTechDev%2F01.DESAFIOSTACKX-WEB3.0-REACT","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RaizerTechDev%2F01.DESAFIOSTACKX-WEB3.0-REACT/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RaizerTechDev%2F01.DESAFIOSTACKX-WEB3.0-REACT/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RaizerTechDev%2F01.DESAFIOSTACKX-WEB3.0-REACT/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RaizerTechDev","download_url":"https://codeload.github.com/RaizerTechDev/01.DESAFIOSTACKX-WEB3.0-REACT/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241173945,"owners_count":19922213,"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":["html-css","reactjs","styled-components","typescript"],"created_at":"2024-11-12T10:13:18.807Z","updated_at":"2025-02-28T15:23:46.042Z","avatar_url":"https://github.com/RaizerTechDev.png","language":"TypeScript","readme":"# Olá  \u003cimg src=\"https://media.giphy.com/media/l1J9sBOqBIvnafnUc/giphy.gif\" align=\"center\" width=\"85\"\u003e\n\n***\n# \u003cimg src=\"https://media.giphy.com/media/XwcRflO9HD0Sk6RaRM/giphy.gif\" align=\"center\" height=\"25\" width=\"55\"\u003e Venho aqui apresentar \u003cimg src=\"https://media.giphy.com/media/LmqitTYGsNMiWu3VWO/giphy.gif\" align=\"center\" width=\"65\"\u003e\n# DESAFIO WEB 3.0 STACKX\n## Vão ser lançados 03 projetos que fazem parte do Módulo Web 3.0 do Curso StackX - Formação de Desenvolvedores de Software. \n##  Requisitos para o Desafio:\n\n1) A lista de tecnologias deve ser um array onde no HTML você irá fazer um map para listar;\n\n\n2) Ao clicar no botão de linguagem o texto de apresentação ”Olá meu nome....” muda para a linguagem selecionada;\n\n\n3) O botão de linguagem deve ser um componente onde você passará 3 propriedades: Título, ícone e o click dele;\n\n\n4) Para estilização \n- React use Styled Components\n- Angular use Sass \n- Vue use Tailwind CSS\n\n\n\n***\n# Suas aplicações vão ser:\n\n\u003cimg style=\"width: 100px\" alt=\"React\" src=\"https://media.giphy.com/media/eNAsjO55tPbgaor7ma/giphy.gif\"\u003e \u003cimg style=\"width: 100px\" alt=\"Angular\" src=\"https://media.giphy.com/media/XEDIHHp3i8bVoEdxd7/giphy.gif\"\u003e \u003cimg style=\"width: 100px\" alt=\"Vue.js\" src=\"https://media.giphy.com/media/VgGthkhUvGgOit7Y9i/giphy.gif\"\u003e\n\n***\n# \u003cimg src=\"https://media.giphy.com/media/eBqEQyWGdgSNgRVLCV/giphy.gif\" align=\"center\" height=\"95\" width=\"95\"\u003e Ferramenta Do Desafio⁉\n\u003cimg style=\"width: 80px\" alt=\"VSCode\" src=\"https://media.giphy.com/media/IdyAQJVN2kVPNUrojM/giphy.gif\"\u003e\n\n***\n## \u003cimg src=\"https://media.giphy.com/media/JO9WCVmDMbC0eLSlyV/giphy.gif\" align=\"center\" height=\"70\" width=\"70\"\u003e \u0026nbsp;Linguagem Tecnológica do Desafio:\n\u003cimg style=\"width: 80px\" alt=\"TypeScript\" src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Typescript_logo_2020.svg/2048px-Typescript_logo_2020.svg.png\"\u003e\n\n***\n# 1º Desafio \u003cimg src=\"https://media.giphy.com/media/XwcRflO9HD0Sk6RaRM/giphy.gif\" align=\"center\" height=\"25\" width=\"55\"\u003e REACT\n\n\u003cbr\u003e\n\n  ### \u003cdiv align=\"center\"\u003e[Clique aqui para acessar o Projeto](https://rafarz76dev-desafiostackx-web30-react.netlify.app/)\n\n***\n   \u003cimg src=\"ProjetoWeb3.0 React.png\" align=\"center\" height=\"500em\" width=\"100%\" href=\"https://rafarz76dev-desafiostackx-web30-react.netlify.app\"\u003e\n   \n   ***\n   \n  # Passo a Passo do Projeto:\n   \n  ### Vai abrir o terminal PowerShell e executar o comando: \n  - ```npm create vite @latest```\u003cimg src=\"https://media.giphy.com/media/XwcRflO9HD0Sk6RaRM/giphy.gif\" align=\"center\" height=\"25\" width=\"55\"\u003e para criação do projeto .\n  \n  ### No terminal do PowerShell vai digitar:\n  - ```code .``` \u003cimg src=\"https://media.giphy.com/media/XwcRflO9HD0Sk6RaRM/giphy.gif\" align=\"center\" height=\"25\" width=\"25\"\u003e onde vai direto para a ferramenta do VSCode.\n   \n  ### \u003cimg src=\"https://media.giphy.com/media/XwcRflO9HD0Sk6RaRM/giphy.gif\" align=\"center\" height=\"25\" width=\"55\"\u003e Bibliotecas importadas no terminal do VSCode👇  \n  - ```yarn add --dev @types/react```;\n  - ``` npm add @types/styled-components -D```;\n  - ```npm install axios```.\n  \n  ### \u003cimg src=\"https://media.giphy.com/media/XwcRflO9HD0Sk6RaRM/giphy.gif\" align=\"center\" height=\"25\" width=\"55\"\u003e Scripts Disponíveis para quando for baixar o projeto👇\n  ### Vai digitar no terminal do VSCode os comandos:\n  - ```yarn install ```;\n  -  ``yarn run dev`` 👉 Abra \"http://127.0.0.1:5173/\" para visualizar o projeto em seu navegador.\n  \n  ### ✅ Implementado o componente Props:\n👉 Link: https://pt-br.reactjs.org/docs/components-and-props.html\n\n***\n### ▶ 😀👀 Bora lá....\n\n### Gostou, então já clica na 🌟\n\n***\n#### Você pode aprender mais na documentação do Create React App .\n\n#### Para aprender o React, confira a documentação do React .\n\n### Link: https://pt-br.reactjs.org/docs/getting-started.html.\n   \n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraizertechdev%2F01.desafiostackx-web3.0-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fraizertechdev%2F01.desafiostackx-web3.0-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraizertechdev%2F01.desafiostackx-web3.0-react/lists"}