Link para acessar a página do projeto.

Link para acessar o repositório da parte back-end do projeto.

O projeto consiste em uma aplicação fullstack para simular cadastros de usuários em comunidades específicas, com o objetivo de receber informações sobre assuntos relacionados às respectivas comunidades, além de concorrerem a prêmios incríveis.

A parte front-end permite ao usuário realizar o seu cadastro através de um formulário multi step, possuindo três etapas, sendo:

1. Informações pessoais;

2. Informações de endereço;

3. Seleção da comunidade.

Após finalizar o cadastro, os dados do usuário são enviados para a API, no qual se encontra na parte back-end desta aplicação, para que ela armazene as informações do usuário no banco de dados. Após esta operação, o usuário pode realizar seu login na aplicação e visualizar os seus dados, podendo atualizá-los a qualquer momento, preenchendo um formulário igual ao do momento de cadastro, ou se desejar, pode deletá-lo.

Para esta parte do projeto, foi utilizado a prática de mobile first durante o desenvolvimento.

• React.js

• TypeScript

• Docker

• React Hot Toast

• ESlint

• Sass

• date-fns

Clone o projeto e acesse a pasta do mesmo.

$ git clone [email protected]:Lucas-Almeida-SD/Evolution_Community-Front_End.git
$ cd Evolution_Community-Front_End

Para iniciá-lo, siga os passos abaixo:

# Criar imagem
$ docker image build -t evolution-community-frontend ./

# Criar container
$ docker container run -dit --name evolution-community-frontend -p 3000:3000 evolution-community-frontend

# Instalar as dependências
$ npm install

# Iniciar o projeto
$ npm start

O app estará disponível no seu browser pelo endereço http://localhost:3000.

Lembrando que será necessário inserir os endpoints da sua API no arquivo .env.local.example e renomear este arquivo para .env.local para que a aplicação funcione corretamente.