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:
-
Informações pessoais;
-
Informações de endereço;
-
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.
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:
Com Docker
# 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
Sem Docker
# 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.