Evandro Fonseca JuniorandClaude Sonnet 5
d76bbf5974
Adds dynamic case study and curriculo routes, project health monitoring for live demo status, and strengthens local SEO (structured data, service-area targeting for Garuva/Joinville/Curitiba, a dedicated "criação de sites" service page) so search results better match the professional title (Engenheiro da Computação) and experience (5 anos). Co-Authored-By: Claude Sonnet 5 <[email protected]>
Evandro Dev — Portfolio
A cinematic, interactive developer portfolio built with Next.js, React, TypeScript, and motion-first UI engineering.
Overview
This is the portfolio site for Evandro Dev. It presents professional work, case studies, technical positioning, and interactive visual storytelling through a high-polish Next.js interface.
The project combines a modern App Router codebase with motion design, 3D/visual effects, and tested UI components.
Highlights
| Area | Details |
|---|---|
| Framework | Next.js App Router with React and TypeScript. |
| Motion | GSAP, Framer Motion, Lenis, and custom animation components. |
| Visuals | Three.js / React Three Fiber / Drei for interactive and cinematic surfaces. |
| Styling | Tailwind CSS, utility composition, and reusable component primitives. |
| Quality | Jest, Testing Library, property-based tests, and Biome checks. |
| Content | Portfolio sections, case pages, company logos, hero composition, and supporting docs. |
Project structure
app/
page.tsx Main portfolio route
layout.tsx Root layout and metadata
components/ Portfolio sections and cinematic UI modules
cases/ Case-study routes/content
api/ Server/API routes
components/ Shared UI primitives
lib/ Utilities and shared logic
docs/ Supporting documentation
graphify-out/ Project analysis output
public/ Static assets
Getting started
pnpm install
pnpm dev
The development server uses Turbopack through the project script.
Scripts
| Command | Purpose |
|---|---|
pnpm dev |
Start the Next.js development server. |
pnpm build |
Build the production application. |
pnpm start |
Start the production server after building. |
pnpm lint |
Run Biome checks. |
pnpm format |
Format the codebase with Biome. |
pnpm test |
Run Jest tests. |
pnpm test:watch |
Run Jest in watch mode. |
Engineering standards
- Keep visual sections modular and testable.
- Respect reduced-motion and accessibility expectations for animated sections.
- Keep portfolio copy and case-study content easy to update without touching low-level animation code.
- Validate interactive components with tests when changing behavior, layout assumptions, or accessibility states.
Validation
Before publishing changes:
pnpm lint
pnpm test
pnpm build
License
Personal portfolio project unless a repository license says otherwise.