BrunoGaruda / projeto-react-lista-de-presen-a

Home Page:projeto-react-lista-de-presen-a.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Modelo de Evento ou Lista de presença com React

Conteúdo

Projeto

Esse projeto consiste em criar uma lista interativa criando um Cartão de presença.

Desafio

O maior desafio desse projeto conhecer e realizá-lo com a biblioteca React.js como primeiro projeto. Utilizei meu HTML, CSS, Javascript de forma diferente nesse projeto.

Video


desenvolvimento da aplicação



Links

Processo de Criação

Construído com

  • HTML Construido em JavaScript(JSX)
  • CSS Estilizando componentes separadamente
  • React
    • Hooks, useState, Api do GitHub
  • Javascript
    • Fecth, async - await, função Date().toLocaleDateString

Aprendizado

O projeto consiste em uma aplicação React utilizando o Vite ao invés de por padrão utilizar o "create-react-app".

npm create vite@latest <nome do projeto>
cd <nome do projeto>
npm install <criação da pasta node_modules>
npm run dev

O aprendizado consiste em desenvolver um projeto react desde a criação ao deploy, utilizando todos estes conteúdos base: propriedades, estado, como desenvolver utilizando componentilização, estilização, hooks (useState, useEffect), imutabilidade, entender o funcionamento e o comportamento de aplicações react.

Autor

Foto de Bruno Almeida do GitHub
Bruno Almeida

About

projeto-react-lista-de-presen-a.vercel.app


Languages

Language:JavaScript 54.3%Language:CSS 26.7%Language:HTML 19.0%