DevShowcase Pro — Premium Portfolio Template

# 🎨 DevShowcase Pro — The Only Developer Portfolio with a Live Color Picker

**Built with React 18 • TypeScript • Tailwind CSS 4 • Framer Motion • Recharts**

---

## 🔥 [LIVE DEMO](https://devshowcase-pro.vercel.app)

*Test it yourself before you buy*

---

## ✨ What Makes This Template Different?

Most portfolio templates are **static**. You edit CSS, rebuild, redeploy.  

**DevShowcase Pro** is **interactive by design**.

### 🎨 **Live Color Picker** — The Only One on the Market

Change your entire portfolio's primary color in **one click**. No CSS. No rebuild.

### 🌓 **Dark / Light Mode** with Persistence

Smooth toggle. User preferences saved in `localStorage`.

### 🔍 **Smart Project Filtering**

Filter by category (Mobile, Web, AI, Backend) AND search by technology in real time.

### 📊 **Interactive Dashboard**

- Activity graph (Recharts)

- Skills radar chart

- Key metrics (projects, experience, technologies)

### 🎬 **Smooth Animations**

Powered by Framer Motion. Buttery transitions that impress clients.

### 📱 **Fully Responsive**

Perfect on mobile, tablet, and desktop — tested on real devices.

### 💌 **Contact Form** Ready

Pre-configured with EmailJS (free tier). Real emails, no backend needed.

### 🧩 **Clean Architecture**

TypeScript + organized folder structure. Code that other developers will respect.

---

## 🛠️ Tech Stack

| Technology | Purpose |

|------------|---------|

| React 18 | UI Library |

| TypeScript | Type Safety |

| Tailwind CSS 4 | Styling |

| Framer Motion | Animations |

| Recharts | Data visualization |

| Lucide React | Icons |

| Vite | Build Tool |

---

## 📦 What's Included

✅ Complete source code (React + TypeScript + Tailwind + Framer Motion)  

✅ Live color picker — unique feature  

✅ Dark/light mode with localStorage persistence  

✅ Smart filtering (category + search)  

✅ Interactive dashboard with Recharts  

✅ Fully responsive design  

✅ EmailJS contact form ready  

✅ Full documentation included  

✅ 30 days email support  

✅ Lifetime updates  

---

## 💰 Pricing

**Launch Price: $39** (~~$79~~)

30-day money-back guarantee.

---

## 👨‍💻 About the Creator

Built by **Smartsniper31** — Fullstack Developer (React, Flutter, Node.js)

- GitHub: [@smartsniper31](https://github.com/smartsniper31)

- Email: adnenetahri31@gmail.com

---

## 🚀 [Buy Now on Payhip](https://your-payhip-link-here)