Sobre

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.

Ignite Lab - React

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:

Instalaçã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.

🖥️ Rodando o Front End (Web)

# Clone este repositório
$ git clone [email protected]: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>