Teste FrontEnd | Brenner Costa

frontend/.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

frontend/README.md

@@ -0,0 +1,19 @@
+# 🌿 Carbon Checkout - Next.js
+
+Um sistema moderno de checkout para compensação de créditos de carbono, desenvolvido com Next.js e TypeScript.
+
+## ✨ Funcionalidades
+
+- **Catálogo de Créditos**: Visualize créditos de carbono disponíveis. Selecione o crédito desejado e a quantidade desejada. 
+- **Checkout Intuitivo**: Processo de compra baseado na quantidade de créditos desejados.
+- **Responsivo**: Design adaptável para todos os dispositivos.
+- **Formulário de compra utilizando Zod**: Para melhorar o tratamento de erros e trazer mais segurança.
+- **Componentização**: Páginas componentizadas para melhorar a performance e aprimorar a manutenibilidade.
+- **Design inclusivo**: Para melhorar a experiência de todos os usuãrios, foram utilizados botões levemente maiores e largos. Auxiliando pessoas com deficiência.
+
+## 🚀 Tecnologias
+
+- **Framework**: Next.js 14 (App Router)
+- **Linguagem**: TypeScript
+- **Estilização**: Tailwind CSS + ShadCN/ui
+- **Deploy**: https://frontend-test-tree-lac.vercel.app/

frontend/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/app/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

frontend/next.config.ts

@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+
+export default nextConfig;