Portfolio

My better-looking portfolio website.

Table of contents

• Overview
  • Description
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Useful resources
• Author

Overview

Description

My portfolio website displays information about me:

• A timeline of major life and career events.
• General information about me.
• Showcase of my personal projects.

The site also includes a contact form to contact me directly via email and utilizes Three.js to display 3D Models.

Screenshot

Links

• Live Site URL: Portfolio

My process

Built with

• React
• TypeScript
• EmailJS
• TailwindCSS
• Three.js
• React Three Fiber
• React Three Drei
• Types/Three
• Vite

What I learned

• Made reusable classes with TailwindCSS. This project was great practice of my TailwindCSS skills as a whole.
• Just like with my previous portfolio, I utilized EmailJS to create the email contact form.
• Added and styled 3D Models with Three.js for the first time.

Useful resources

• Tailwind Docs - Tailwind's docs are a great way to learn how to style components, especially when using responsive design.
• EmailJS Docs - Greatly helped with implementing the contact form.
• React Three Fiber Docs - Project is possible thanks to React Three Fiber.
• GLTF to JSX converter tool - Simply amazing, works flawlessly!
• Three.js Docs

Author

• LinkedIn - Viktor Kolev
• Email - viktorkolev0707@gmail.com