skolaczk / portfolio

My personal portfolio website built using Next.js, Tailwind CSS and Framer-motion.

🎉 Project Overview

My personal portfolio website built using Next.js, Tailwind CSS and Framer-motion.

📍 Live

Link to the live version: https://michalskolak.vercel.app

💾 Installation

Download the project to your computer and install needed packages with command:

$ npm install

Then create .env file:

SITE_URL='https://example.com' ## Required to generate sitemap by next-sitemap 
RESEND_API_KEY='your_resend_api_key' ## Required to send email by resend

Then start the project on the local server with the command:

$ npm run dev

and open http://localhost:3000 to see this app.

🔧 Tech/framework used

• Next.js
• TypeScript
• Tailwind CSS
• Framer-motion
• React-hook-form
• Resend

If you encounter a problem, write to this e-mail address: [email protected]

portfolio's Issues

Finish website

Describe the feature / bug 📝:

• add content
• improve website
• add interective navbar

Init next app

Add animations

Describe the feature / bug 📝:

• install framer-motion
• add animations

Create contact section

Describe the feature / bug 📝:

Create contact section, footer and also form validation with react-hook-form and zod.

Add email sending

Describe the feature / bug 📝:

• add email sending functionality

Remove projects gallery modal

Create experience section

Describe the feature / bug 📝:

Create experience section. Use react-vertical-timeline-component package.

Create about section

Describe the feature / bug 📝:

Create about section with heading, content and skills list

Create reusable button component

Describe the feature / bug 📝:

Create reusable button component, which will accept variant and size

Create header

Describe the feature / bug 📝:

Create header

Add stars count to projects

Describe the feature📝:

Add stars count to projects. Use Github API and fetch stars count for each one.

Update content #2

Update content

Create projects section

Describe the feature / bug 📝:

Create list of projects

Create intro section

Describe the feature📝:

• Create intro section

Add readme

Describe the feature / bug 📝:

Create readme with description, used technologies and how to install.

Change projects images

Describe the feature 📝:

Add projects images in better quality (svg)

Steps to reproduce the bug 🔁: