portfolio_xenia Tailwind Templates

Portfolio_xenia

A modern and responsive personal portfolio built with Next.js, TypeScript, and Tailwind CSS, featuring CI/CD and interactive animations.

šŸ§‘ā€šŸ’» Personal Portfolio

This is my personal portfolio built with modern web technologies like Next.js, TypeScript, and Tailwind CSS. It showcases my projects, skills, and experience in a clean and responsive interface.

šŸ”— Live demo: portfolio

šŸš€ Technologies

  • āš›ļø React
  • šŸ”· TypeScript
  • 🌐 Next.js
  • šŸŽØ Tailwind CSS
  • šŸ’„ Framer Motion
  • šŸ” Zod Validation
  • 🧩 React Hook Form
  • šŸ”” React Toastify
  • 🧱 MUI (Material UI)
  • šŸ” GitHub Actions (CI/CD)

🧰 Features

  • Responsive design (mobile-first)

  • Smooth animations with Framer Motion

  • Dark and light theme support

  • Form validation with React Hook Form + Zod

  • Toast notifications

  • GitHub Actions for automated deployment

  • Custom fonts via next/font

šŸ“¦ Getting Started

First, clone the repository:

git clone https://github.com/xeniaalex3/portfolio_xenia.git
cd portfolio_xenia

Then install the dependencies:

npm install

Start the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

šŸš€ Deployment

This project is deployed on Netlify, but you can also deploy it to Vercel, GitHub Pages, or any other platform.

šŸŽØ Layout

Next Level Week feedback Logo



Next Level Week feedback Logo

Top categories

Loading Svelte Themes