I developed this portfolio starting with the UI Design using Figma, and then the code was written using NextJs with
TypeScript, alongside Tailwind CSS as the style framework. I've used a combination of fonts, such as Roboto and
Kanit, with Comfortaa for the decorator. I chose the color palette using the following as a base: 
#838073, 
#2b81e3,
#d2d904. The images used in both the hero and
about sections are from Unsplash.
Check out my projects and education, and let's discuss working together!
- Next.js (v15) with Turbopack
- React (v19)
- TypeScript
- Tailwind CSS
You need Node.js and pnpm installed. This project uses pnpm as the package manager and the repository's scripts are configured to run with Turbopack by default.
- Clone the repository:
git clone https://github.com/Barata-Ribeiro/barataribeiro_personal_portfolio.git- Change into the project directory:
cd barataribeiro_personal_portfolio- Install dependencies (pnpm):
pnpm install- Start the local development server (recommended):
pnpm devNotes:
- The package.json includes a "dev" script that runs
next dev --turbopack. If you prefer npm you can still usenpm run dev, butpnpmis the project's intended package manager. - The development server will be available at
http://localhost:3000.
If you find issues or have suggestions, open an issue or submit a pull request. Keep changes small and focused.
I'm constantly expanding my skill set and venturing further into the realms of front-end development and UI design. My goal is to create visually appealing, user-friendly interfaces that enhance user experience and effectively translate business strategy into digital solutions.
If you'd like to collaborate or have questions, reach out on LinkedIn:
🔗 https://www.linkedin.com/in/barataribeiro/
This project is available under the GPLv3 license. See the GPLv3 for details.