Igor Dev Dashboard

A technical portfolio presented as an interactive dashboard that showcases Igor Pimentel Gameiro's professional background, technology stack, projects, work experience, education, and contact information.

The interface follows an operations dashboard aesthetic, featuring section-based navigation, technical cards, an experience timeline, a skills matrix, and a direct contact section. The project is a static frontend application built with React, TypeScript, and Vite.

What you will find

• Home: Main introduction, professional headline, location, external links, and career summary.
• Areas of Expertise: Focus areas such as Java backend development, frontend engineering, databases, and software quality.
• Skills Matrix: Technologies grouped by area, including experience duration or usage context.
• Projects and Experience: A timeline covering academic projects, personal projects, and professional experience.
• Education: Academic background, courses, and related descriptions.
• Contact: Direct links to LinkedIn, GitHub, and email.

Tech stack

• React 19
• TypeScript
• Vite
• Plain CSS
• Lucide React
• React Icons
• ESLint

Project structure

.
├── public/
│   └── favicon.svg
├── src/
│   ├── App.css
│   ├── App.tsx
│   ├── main.tsx
│   └── data/
│       └── profile.ts
├── index.html
├── package.json
├── tsconfig.json
└── vite.config.ts

Key files

• src/App.tsx: Composes the page sections and renders the portfolio data.
• src/App.css: Defines the visual identity, responsive behavior, animations, and global application styles.
• src/data/profile.ts: Central source for portfolio data, including the profile, skills, projects, and education.
• public/favicon.svg: Custom dashboard favicon.

Running locally

Install the dependencies:

npm install

Start the development server:

npm run dev

Create a production build:

npm run build

Preview the production build locally:

npm run preview

Run static analysis:

npm run lint

Updating the content

Most of the portfolio's text content is centralized in src/data/profile.ts. To update the portfolio information, edit:

• profile: Name, role, headline, location, and contact links.
• skills: Technical skill groups.
• projects: Projects, professional experience, descriptions, highlights, and technology stacks.
• education: Academic background and descriptions.

Visual changes are centralized in src/App.css, including colors, spacing, responsive behavior, cards, the timeline, and dashboard animations.

Project scope

This repository does not include a backend, authentication, a database, or runtime API calls. It generates a static website ready to deploy to services such as Vercel, Netlify, GitHub Pages, or any static hosting provider.