Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: about 1 month 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🙌🚀

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:

React Angular Vue.js

***
# Ferramenta Do Desafio⁉
VSCode

***
##  Linguagem Tecnológica do Desafio:
TypeScript

***
# 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.