🚀 Ankit Kumar — Portfolio Website

A modern, full-stack portfolio website featuring a clean UI, scalable architecture, and an integrated admin panel for seamless content management.

Built using React (Vite) for the frontend and Node.js + Express for the backend.

---

📌 Overview

This project is designed as a professional developer portfolio with:

• ⚡ Fast and responsive frontend
• 🔐 Secure backend API
• 🛠️ Admin dashboard for managing projects and content
• 📂 Clean, well-organized project structure
• 📖 Comprehensive documentation

---

📁 Project Structure

ankit-portfolio/
│
├── frontend/                # React (Vite) portfolio website
│   ├── src/                 # Components, pages, logic
│   ├── public/              # Static assets
│   └── package.json         # Frontend dependencies
│
├── backend/                 # Node.js + Express API server
│   ├── server.js            # Main server file
│   ├── db.js                # Database configuration
│   ├── .env                 # Environment variables
│   └── package.json
│
├── admin/                   # Admin panel
│   └── premium-admin.html
│
├── docs/                    # Project documentation
│   ├── README.md
│   └── EMAIL_SETUP_GUIDE.md
│
├── assets/                  # Design assets
├── public/                  # Shared static files
└── config/                  # Configuration & helper files

---

⚡ Quick Start

1️⃣ Backend Setup

cd backend
npm install
npm start

🔗 Backend API: 👉 http://localhost:4000

---

2️⃣ Frontend Setup

cd frontend
npm install
npm run dev

🎨 Frontend Portfolio: 👉 http://localhost:5173

---

3️⃣ Admin Panel

After starting the backend:

🔐 Admin Interface: 👉 http://localhost:4000/admin

---

🌟 Features

🎨 Modern UI Design

• Clean layout with glass-morphism effects

📱 Fully Responsive

• Optimized for desktop, tablet, and mobile

✨ Smooth Animations

• Powered by Framer Motion

📧 Contact System

• Contact form with automatic email replies

🚀 Project Management

• Dynamically manage projects via admin panel

🔐 Secure Admin Access

• Protected interface for content updates

🤖 AI Chat Assistant

• Interactive assistant for visitors

⚡ High Performance

• Optimized assets and fast API calls

---

🛠️ Tech Stack

🎯 Frontend

• React 18 + Vite
• Tailwind CSS (Glass Morphism UI)
• Framer Motion
• Lucide React Icons

⚙️ Backend

• Node.js
• Express.js
• SQLite
• Nodemailer (Email System)
• File Upload Handling

---

📚 Documentation

All documentation is available inside the docs/ folder:

• 📋 Setup Guide — Complete installation instructions
• 🏗️ Project Structure — Folder-wise explanation
• 📧 Email Setup Guide — Email configuration steps
• 🔧 Admin Guide — Admin panel usage

---

🎨 Design & Color Scheme

• Primary Colors: White & Cream #FFFDD0
• Design Style: Glass-morphism with subtle blur & shadows
• Effects: Smooth transitions, hover states, and animations

---

💡 Future Improvements

• 🌐 Deployment (Docker / Cloud)
• 🔑 Authentication system (JWT / OAuth)
• 📊 Analytics dashboard
• 🧠 Advanced AI assistant features

---

🤝 Contributing

Contributions are welcome! Feel free to fork this repository and submit a pull request.

---

📬 Contact

Ankit Kumar 📧 itx.ankit.kr@gmail.com

---

⭐ Show Your Support

If you like this project, please ⭐ the repository and share it!