Skip to content

Latest commit

 

History

History
137 lines (85 loc) · 5.04 KB

README.en.md

File metadata and controls

137 lines (85 loc) · 5.04 KB

Choose your language | Escolha seu idioma

en pt-br



Logo

My Portfolio

This page was created to showcase some of my skills and projects.

View Demo


Table of Contents
  1. About The Project
  2. Usage
  3. Contact



About The Project

gif from project running on desktop



My portfolio serves as a crucial tool for displaying my skills. It acts as a showcase of my work, allowing me to tangibly demonstrate what I am capable of achieving. I firmly believe that a robust and well-organized portfolio is a standout asset, providing a comprehensive overview of my abilities beyond the constraints of a resume or mere words.


gif from project running on mobile

(back to top)

Built With

Next.js Sass Typescript Vitest

(back to top)

Highlights

Several features have been added to the new version of this project, which is constantly being updated:

  • Upgrade to the Next.js framework
  • Email message sending capability
  • Beautiful initial session with video
  • Fully responsive layout
  • Animations using Framer Motion

(back to top)

Challenges and lessons learned

⚛️ Next.js: Now, the portfolio uses Next.js technology, bringing with it a series of advantages, from improved performance to a smoother development experience.

📧 Resend: A new feature has been added to the project, utilizing the implementation of Next.js's Server-Side Rendering (SSR) to directly use the Resend API. This eliminates the need to create a dedicated server for this purpose and avoids exposing environment variables in client components. Additionally, it also benefits from the extra security layer provided by Zod for validations.

📱 Responsive Layout: A fundamental approach to ensure that the portfolio content is effectively and attractively presented on a wide range of devices, from smartphones and tablets to laptops and high-resolution monitors.

🤹 Framer Motion: The use of animations through this library not only makes the portfolio visually appealing but also enhances the user experience, making navigation smoother and more engaging.

(back to top)

Usage

After cloning, downloading, or forking, use the command below to install the project dependencies:

npm install

Tests are located in the "test" branch

This project allows you to:

  • View a professional summary
  • Access my resume
  • Gain an overview of the technologies I use
  • Visualize some completed projects
  • Get in touch

(back to top)

Contact

💌 To send me a message, just use one of the buttons below!

(back to top)