💬 Testimonials Section

📩 Contact Section

🖥️ Portfolio Sections

🛠️ Built With

🚀 Getting Started

Prerequisites

Make sure you have installed:

• Node.js >=18
• npm or yarn

Installation

# Clone the repository
git clone https://github.com/your-username/my-portfolio.git

# Navigate into the project
cd my-portfolio

# Install dependencies
npm install

# Start development server
npm run dev

Open:

http://localhost:5173
Production Build
npm run build

The production-ready files will be generated inside the dist/ directory.

📁 Project Structure
my-portfolio/
│
├── public/
│   └── images/
│       ├── projects/
│       └── testimonials/
│      
│
├── src/
│   ├── components/
│   │   ├── animations/
│   │   ├── backgrounds/
│   │   ├── layout/
│   │   ├── sections/
│   │   └── ui/
│   │
│   ├── App.jsx
│   ├── main.jsx
│   └── index.css
│
├── index.html
├── tailwind.config.js
├── vite.config.js
└── package.json
🎨 Customisation
Update Personal Information

Modify the following files:

File	Content
Hero.jsx	Name, badges, statistics
AboutSection.jsx	Bio and achievements
ContactSection.jsx	Email, location, social links
Add Projects

Edit the projects array inside:

src/components/sections/ProjectsSection.jsx

Example:

{
  title: "Project Name",
  subtitle: "FULL STACK APP",
  category: "Full Stack",
  technologies: ["React", "Node.js"],
  demoUrl: "https://demo.com",
  githubUrl: "https://github.com/project"
}
Change Accent Colour

Inside tailwind.config.js:

colors: {
  accent: "#4ade80",
}

📦 Deployment

▲ Vercel (Recommended)

npm install -g vercel
vercel
Netlify
npm run build

Upload the generated dist/ folder to Netlify.

GitHub Pages
npm install --save-dev gh-pages

Add this to package.json:

"deploy": "gh-pages -d dist"

Deploy:

npm run build && npm run deploy

📊 Performance & Design Goals
⚡ Fast loading experience
📱 Excellent mobile responsiveness
♿ Accessible UI structure
🎨 Modern UI/UX principles
🔍 SEO-friendly architecture
🚀 Optimised production builds
🤝 Contributing

Contributions, ideas, and feedback are welcome.

# Fork the repository

# Create your feature branch
git checkout -b feature/amazing-feature

# Commit changes
git commit -m "Add amazing feature"

# Push branch
git push origin feature/amazing-feature

Then open a Pull Request.

📄 License

This project is licensed under the MIT License.

Feel free to use this portfolio as inspiration for your own projects.

🙌 Connect With Me

💚 Built by Krif — free to customize and use for your own portfolio.

🚀 Live Portfolio
https://devportifolio-eta.vercel.app/

⭐ If you like this project, consider giving it a star on GitHub.