Este projeto é parte de um desafio para recriar um site de uma loja fictícia de plantas utilizando React, com backend para persistência de dados e autenticação de usuários.
A aplicação recria um site de uma loja fictícia de plantas. Ela contém funcionalidades como:
- Autenticação de usuários usando Clerk.
- Carrosséis para exibição de plantas, com seções como "Plants in Sale".
- Registro e renderização de plantas em tempo real, usando formulário com validação.
- Criação de páginas detalhadas para produtos.
- Página "About Us" sobre os desenvolvedores.
- Responsividade em todas as páginas.
- Backend com API para persistência de dados.
- Uso de React com TypeScript.
- Autenticação com Clerk e exibição de ícone de perfil no header.
- Implementação de rotas com React Router, incluindo rotas protegidas.
- Persistência de dados para plantas (GET e POST).
- Validação de todos os campos do formulário de registro.
- Renderização em tempo real das plantas na página inicial.
- Cálculo e exibição de preços com desconto, se aplicável.
- Efeitos de hover nos elementos.
- Criação de página "Products" para listar todas as plantas.
- Página de erro criativa.
- Input de imagem no formulário de registro de plantas, com salvamento da imagem.
- Possíveis implementações sugeridas após os requisitos obrigatórios.
- React com TypeScript
- Clerk para autenticação
- React Router para rotas
- Splide para o carrossel
- Node.js e Express para o backend (API)
- MongoDB para banco de dados
- Node.js e npm instalados na máquina.
- Acesse a aplicação no navegador em http://localhost:(numero da porta).
- Faça login com sua conta google.
- Adicione plantas pelo formulário e veja a renderização em tempo real.
