Sobre • Ignite Lab - React • Instalação • Tecnologias • Autor
Projeto desenvolvido durante o Ignite Lab de ReactJS, evento criado pela Rocketseat. Um evento 100% online e GRATUITO, com conteúdo exclusivo e INÉDITO.
Ocorreu do dia 20 ao dia 27 de Junho de 2022 e teve como intuito mostrar na prática como construir interfaces web modernas utilizando ReactJS.
Plataforma de evento construída durante o Ignite Lab utilizando ReactJS, GraphCMS e GraphQL.
O projeto consiste em quase um clone da plataforma de eventos da Rocketseat. O projeto em si é bem simples foi o foco maior foi em conceitos importantes de frontend, integração com CMS e APIs GraphQL.
Vamos conhecer o projeto começando pela tela abaixo onde os usuários da plataforma realiza a sua inscrição no evento atual, para isso basta informar o nome completo e um e-mail:
Feito isso, o usuário será cadastrado como um subscribe da plataforma e terá seu acesso liberado às aulas. Ao realizar o login ele irá se deparar com aulas liberadas e aulas que serão liberadas futuramente, conforme podemos ver abaixo:
Em resumo, essa é a aplicação. Poucas funcionalidades porém extremamente usual e simples. As features implementadas são poucas porém são semelhantes à plataforma real de eventos da Rocket. 🙃
Para ilustrar a aplicação em funcionamento, deixo abaixo um GIF onde navego pela aplicação:
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disso é bom ter um editor para trabalhar com o código como VSCode.
# Clone este repositório
$ git clone git@github.com:MrRioja/ignite-lab-react.git
# Acesse a pasta do projeto no terminal/cmd
$ cd ignite-lab-react
# Instale as dependências
$ npm install
# Caso prefira usar o Yarn execute o comando abaixo
$ yarn
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# Caso prefira usar o Yarn execute o comando abaixo
$ yarn dev
# O servidor inciará na porta 3000 - acesse <http://localhost:3000>
