README.md

portfolio

My personal website <3

Technology stack

• Styling: Tailwind CSS
• Back-end: Next.js
• Front-end: React
• Animation: Framer Motion
• Deployment: Vercel
• Tools: Resend | React Email | Zod | next-pwa
• Components: react-hot-toast | react-vertical-timeline-component | react-tooltip

Running locally

1. Clone this repo:

git clone https://github.com/IgorAugust0/portfolio.git

2. Then go to the project's folder:

cd portfolio

3. Install all dependencies:

pnpm i

4. Configure your environment variables and follow the instructions:

cp .env.example .env.local

5. Run locally:

pnpm dev

File structure

The basic file structure for the project is organized in the following way:

.
|-- app
|-- components
|-- context
|-- lib
`-- public

app

Here you'll find the main page of the website. Considering it's a single page application with a single route, most of the sections were defined in the components folder.

components

Here you'll find reusable blocks of React components, separated by their respective section.

context

Here you'll find context providers for the website, such as active section and theme context.

lib

Here you'll find a set of utilities, such as server components, hooks, type definitions and local static data.

public

Here you'll find all assets, such as manifest files, icons and images.

License

MIT License © Igor Augusto