ronnylrsd / anime_vault

Your favorite anime, all in one place.

Aplicativo de Animes

Projeto desenvolvido em Next.js

Projeto   |    Tecnologias   |    Práticas Adotadas   |    Ambiente   |    Como executar   |    Colaborador

💻 Projeto

Projeto criado para aplicar os conhecimentos adquiridos até o momento em relação ao front-end, em relação a:

• client actions
• infinite scroll
• framer motion

✨ Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• Typescript
• Nextjs
• React
• Tailwind CSS

👨‍🏫 Práticas Adotadas

Esse projeto foi desenvolvido segundo essas práticas:

• SOLID
• Clean Code
• Context
• Injeção de Dependências
• Tratamento de respostas de erro

⚙️ Ambiente

Preparar o seu ambiente Next.js para novos projetos na sua máquina.

• Instale o Visual Studio Code
• Clone o repositório
• Abra o projeto
• Abra o terminal no vscode
• Rode o comando npx create-next-app@latest para instalar as dependências
• Vão aparecer esses prompts:

What is your project named? my-app
Would you like to use TypeScript? No / Yes
Would you like to use ESLint? No / Yes
Would you like to use Tailwind CSS? No / Yes
Would you like to use `src/` directory? No / Yes
Would you like to use App Router? (recommended) No / Yes
Would you like to customize the default import alias? No / Yes

• Rode o comando npm run dev para rodar o programa localmente

This is a Next.js project bootstrapped with create-next-app.

🚀 Como executar

Primeiro, execute o server de desenvolvimento:

npm run dev
# or
yarn dev
# or
pnpm dev

Abra http://localhost:3000 no seu navegador para ver o resultado.

Você pode comelar a editar a página modificando app/page.tsx. A página atualiza automaticamente a medida que é alterada.

Esse projeto utiliza next/font para automaticamente optimizar e carregar Inter, uma fonte do Google.

👷 COLABORADOR

Nome: Ronny Lima Ribeiro da Silva

• LinkedIn: ronnylrsd
• GitHub: ronnylrsd