/Adopet

O estudo é sobre um site de adoção de pets facilitando o contato entre quem deseja adotar um pet quem tem algum para adoção

Primary LanguageSCSS

Adopet

Sobre

⚠ Em desenvolvimento ⚠

Confira o projeto

O estudo é sobre um site de adoção de pets facilitando o contato entre quem deseja adotar um pet quem tem algum para adoção. Assim que entrar pela primeira vai ser necessário fazer um cadastro, infelizmente não consegui fazer o deploy da minha api para esse projeto ainda para salvar os dados ainda, entretanto estou salvando localmente os dados por enquanto até eu conseguir colocar minha api no ar. A verificação do nome, email, e senha são feitos com RegEx, a mudança de rotas foi feita utilizando o React Router Dom, atualmente possui 6 rotas, deixarei todas listadas logo abaixo para serem acessadas, na renderização da lista de pets para adoção na página home e também na verificação para ver se os dados cadastrados na tela de login batem eu utilizei o Recoil para gerenciamento do estado e também foi feita a adaptação do site para diferentes telas com layout responsivo utilizando a metodologia do "mobile first".

O projeto foi feito utilizando React com TypeScript e foi de um Challange da Alura.

Layout

mobile

tablet

web

Rotas

Estou inserindo as rotas aqui para poder haver a visualização delas pois como o site ainda está em desenvolvimento não consegui adicionar todas as funcionalidades que desejo.

Rotas:

Tecnologias utilizadas

Front-End

  • TypeScript
  • SASS
  • CSS
  • HTML
  • React

Deploy

Como executar

Pré-requisitos: npm/yarn

# clonar o código
git clone https://github.com/LucasAlfeu/Adopet.git

# entrar na pasta adopet
cd adopet

# instalar as depedências
npm install

# iniciar o projeto
npm start

Autor

Lucas Alfeu da Silva Oliveira

https://www.linkedin.com/in/lucas-alfeu-08b525235/