🚀 Overview: This is a modern, responsive portfolio website built with Next.js 14, React 18, and Tailwind CSS. It serves as my personal homepage, project showcase, and contact point.
- Live Demo: portfolio
✨ Features
- Responsive design for desktop, tablet, and mobile
- Project and skills showcase
- Smooth scrolling navigation with active sections
- Interactive testimonials section
- Contact form integration
- Built with performance and accessibility in mind
🛠️ Tech Stack
- Next.js 14
- React 18
- TypeScript
- Tailwind CSS
📁 Project Structure
├── public/ # Static assets (images, PDFs, SVGs)
├── src/
│ ├── app/ # Next.js app directory (pages, layout, styles)
│ ├── assets/ # SVG icons, images
│ ├── components/ # Reusable React components
│ └── sections/ # Page sections (About, Projects, etc.)
├── tailwind.config.ts # Tailwind CSS config
├── next.config.mjs # Next.js config
├── package.json # Project metadata and scripts
└── ...
🧑💻 Getting Started Prerequisites
- Node.js (v18+)
- npm / yarn or pnpm
Installation
# Clone the repository
git clone https://github.com/kib3tbrian/portfolio.git
cd portfolio
# Install dependencies
npm installDevelopment
# Start the local dev server
npm run devVisit http://localhost:3000 to view the site.
Build for Production
npm run build
npm start📝 Customization
- Update content in
src/sections/components - Edit styles in
src/app/globals.cssor Tailwind classes - Modify fonts in
src/app/layout.tsx
📄 License This project is open source and available under the MIT License.