Shape For React

Link -> https://shapeforreact.vercel.app/

Description

Proposto como entrega final do módulo React da Kenzie Academy Brasil, o projeto tem como base a ideia de ajudar devs mais novos a configurarem com mais velocidade o seu ambiente de desenvolvimento.

Suas funcionalidades implementadas são: Cadastro, login, criar um shape, editar e deletar

Cadastro

O yup é usado aqui para verificações, juntamente ao React Hook-forms.

Login


Aqui também temos verificações para proteger a conta do usuário.

Caso você consiga logar, automaticamente será encaminhado para a home.

Home

Clicando no botão inferior a direita, você pode criar um shape.

Selecione os seus elementos e crie o shape.

Assim que você criar, também terá uma resposta ao usuário.

Por fim, você pode deletar ou editar os seus shapes

Tutorial

O Shape possui uma página tutorial, onde você pode aprender como usa-lo corretamente.

Technologies

• HTML5
• CSS3
• Javascript ES6+
• React
• React-Hook-Forms
• Yup
• Zustand
• Tailwind
• Axios
• Fake api
• Data-AOS
• Framer-motion
• Material-ui
• Typescript
• React-lottie
• React-modal