Desafio Frontend Nyx 2024

Projeto desenvolvido para o processo seletivo da Nyx 2024. Uma landing page com uma lista de cachorros, onde também é possível filtrar por expectativa de vida.

Techs

• TypeScript
• NextJS
• TailwindCSS
• The Dog API
• Zod Validation
• React Hook Form
• Shadcn/ui
• Vercel (Deploy)

Features

• Lista de cachorros com imagem, nome e expectativa de vida;
• Poder filtrar cachorros por expectativa de vida;
• Integração com a API The Dog API;
• Validação de formulário com Zod;
• Responsividade para mobile, tablet e desktop;
• Estrutura hierárquica de HTML, semântica e acessível;
• Tratamento de erros pela API;
• Padronização de commits (feat/fix/chore/style/docs);

Demo

• Desafio Frontend Nyx 2024

Getting Started

Primeiro, clone o repositório:

git clone

Instale as dependências:

npm install

Crie um arquivo .env na raiz do projeto e adicione as seguintes variáveis de ambiente conforme o arquivo .env.example

Execute o projeto:

npm run dev