From scattered projects to a portfolio with its own identity.
I built a professional space to connect my work and career story—and use the site itself to demonstrate how I build with AI.
Build a portfolio that brought everything I wanted to show together.
I wanted a professional space that felt like my own—a place to bring together projects, experience, certificates, resumes, and contact details. One coherent way to show my work, rather than leaving everything spread across documents, social profiles, and repositories.
I also wanted to go beyond presenting information. Building the portfolio with AI assistance would let me take part in design decisions, content structure, implementation, and reviews. The finished site would also be a practical example of the way I work with AI.
Connect
Experience, projects, education, resumes, and contact details.
Present
Build a distinct identity and clear bilingual navigation.
Demonstrate
Make the portfolio a real example of AI-assisted development.
Every piece of information needed its place.
I didn't want a never-ending page with everything mixed together. I decided what visitors should see first, what deserved more context, and how to present the work without making the site difficult to navigate.
A layered presentation.
Discover
An overview on the homepage
Explore
Dedicated pages with more context
Verify
Code, demos, and documents
A consistent design without excess.
A navy base, mint highlights, and consistent typography, cards, buttons, and motion.
Show the work, don't just describe it.
Prioritize authentic screenshots, accessible links, and clear explanations of what each project does.
From the idea to the code, with AI at every stage.
With the structure defined, I started building the portfolio with Codex as a technical collaborator. I explained the goals, set priorities, reviewed iterations, and identified what needed to change. AI helped write and refine code, while I directed the product decisions and assessed the results.
Plan
Define objectives, references, and requirements.
Build
Use Codex to develop pages and components.
Review
Check iterations, copy, interfaces, and results.
Refine
Correct issues and repeat until the work meets the goal.
The portfolio wasn't finished in the first version. Or the second.
The site went through dozens of changes on the way to this version. I reviewed everything from structure and copy to design, motion, cards, navigation, and the mobile experience. Some pieces had to be rebuilt; others were improved again and again. With each iteration, I assessed the result, found what still needed attention, and directed the next changes with AI assistance.
The result: a complete, functional portfolio.
The result is a bilingual portfolio with its own visual identity, organized navigation, and dedicated sections for my career, projects, certificates, and education. Beyond connecting information, the site itself demonstrates the AI-assisted development work I led.
An introduction with its own identity.
The homepage introduces me, connects the main areas of the site, and makes it easier to explore everything I've built.
Featured projects
Training projects with context, technology details, authentic imagery, source code, and demos when available.
Browse all projects
Professional experience
My career organized by employers, roles, dates, and contributions, with context for each position.
See my career
Professional resume
My PDF resume in Portuguese and English, with my education and work experience.
View resume (PDF)Barros NascimentoBusiness Administration · Full Stack Development · Applied AIEXPERIENCE AND EDUCATION
Operations, digital management, customer service, and technology projects.