Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/raizertechdev/01.desafiostackx-web3.0-react
Lançados 03 projetos que fazem parte do Módulo Web 3.0 do Curso StackX, neste desafio foram aplicadas as seguintes stacks => React use Styled-Components , TypeScript e HTML5🙌🚀
https://github.com/raizertechdev/01.desafiostackx-web3.0-react
html-css reactjs styled-components typescript
Last synced: 3 days ago
JSON representation
Lançados 03 projetos que fazem parte do Módulo Web 3.0 do Curso StackX, neste desafio foram aplicadas as seguintes stacks => React use Styled-Components , TypeScript e HTML5🙌🚀
- Host: GitHub
- URL: https://github.com/raizertechdev/01.desafiostackx-web3.0-react
- Owner: RaizerTechDev
- Created: 2022-12-08T14:30:08.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-09-22T11:44:52.000Z (about 1 year ago)
- Last Synced: 2024-10-17T13:16:24.221Z (29 days ago)
- Topics: html-css, reactjs, styled-components, typescript
- Language: TypeScript
- Homepage: https://rafarz76dev-desafiostackx-web30-react.netlify.app/
- Size: 360 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Olá 
***
# 
Venho aqui apresentar 
# DESAFIO WEB 3.0 STACKX
## 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.
## Requisitos para o Desafio:
1) A lista de tecnologias deve ser um array onde no HTML você irá fazer um map para listar;
2) Ao clicar no botão de linguagem o texto de apresentação ”Olá meu nome....” muda para a linguagem selecionada;
3) O botão de linguagem deve ser um componente onde você passará 3 propriedades: Título, ícone e o click dele;
4) Para estilização
- React use Styled Components
- Angular use Sass
- Vue use Tailwind CSS
***
# Suas aplicações vão ser:
***
# 
Ferramenta Do Desafio⁉
***
## 
Linguagem Tecnológica do Desafio:
***
# 1º Desafio REACT
###
[Clique aqui para acessar o Projeto](https://rafarz76dev-desafiostackx-web30-react.netlify.app/)
***
***
# Passo a Passo do Projeto:
### Vai abrir o terminal PowerShell e executar o comando:
- ```npm create vite @latest``` para criação do projeto .
### No terminal do PowerShell vai digitar:
- ```code .``` onde vai direto para a ferramenta do VSCode.
### Bibliotecas importadas no terminal do VSCode👇
- ```yarn add --dev @types/react```;
- ``` npm add @types/styled-components -D```;
- ```npm install axios```.
### Scripts Disponíveis para quando for baixar o projeto👇
### Vai digitar no terminal do VSCode os comandos:
- ```yarn install ```;
- ``yarn run dev`` 👉 Abra "http://127.0.0.1:5173/" para visualizar o projeto em seu navegador.
### ✅ Implementado o componente Props:
👉 Link: https://pt-br.reactjs.org/docs/components-and-props.html
***
### ▶ 😀👀 Bora lá....
### Gostou, então já clica na 🌟
***
#### Você pode aprender mais na documentação do Create React App .
#### Para aprender o React, confira a documentação do React .
### Link: https://pt-br.reactjs.org/docs/getting-started.html.