This project, my personal website is a basic demonstration of my skills. Tools used: Figma, VS Code.

The main libraries and frameworks used:

• NextJS
• Tailwindcss
• Framer Motion
• Next MDX Remote

How I worked on the project:

1. For a long time, I studied examples of portfolio sites. The main resources are awwwards.com, behance.com, dribbble.com and many third party sites.
2. In my head I thought about the approximate content of the site, thought about the main color scheme and chose the theme of the site (in my case - a combination of minimalism and retrowave design)
3. Drew the basic design, the skeleton and structure of the site in Figma.
4. After the finished design I created the site. The choice of libraries was obvious, I chose the tools that I was closest to.

Demo on a local machine

We need to install the libraries and start the development server:

pnpm install
pnpm run dev

Русский

Этот проект, мой личный сайт - базовая демонстрация моих умений. Использованные инструменты: Figma, VS Code.

Основные использованные библиотеки и фреймворки:

• NextJS
• Tailwindcss
• Framer Motion
• Next MDX Remote

Как я работал над проектом:

1. На протяжении долгого времени я изучал примеры сайтов-портфолио. Основные ресурсы: awwwards.com, behance.com, dribbble.com и много сторонних сайтов.
2. В голове продумал примерное содержание сайта, продумал основную цветовую гамму и выбрал тематику сайта (в моем случае - это сочетание минимализма и retrowave оформления)
3. Нарисовал основной дизайн, скелет и структуру сайта в Figma.
4. После готового дизайна сверстал сайт. Выбор библиотек был очевиден, я выбрал те средства, которые мне сейчас наиболее близки.

Демонстрация на локальной машине

Нужно сделать установку библиотек и запустить сервер разработки:

pnpm install
pnpm run dev