**Ankit Kumar — Portfolio Website** A modern, full-stack portfolio website with a clean UI, scalable architecture, and an integrated admin panel for content management. Built using React (Vite) on the frontend and Node.js + Express on the backend. **Overview** This project is designed as a professional developer portfolio with: A fast and responsive frontend A secure backend API An admin dashboard to manage projects and content Clean documentation and organized structure **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/ # Additional design assets ├── public/ # Shared static files └── config / setup files # 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 devices ✨ Smooth Animations Framer Motion–powered transitions and hover effects 📧 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 to guide visitors ⚡ High Performance Fast loading with optimized assets and 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 📋 Setup Guide — Complete installation instructions 🏗️ Project Structure — Folder-wise explanation 📧 Email Setup Guide — Email configuration steps 🔧 Admin Guide — Admin panel usage instructions (All documentation is available inside the docs/ folder.) 🎨 Design & Color Scheme Primary Colors: White & Cream #FFFDD0 Design Style: Glass-morphism with subtle blur & shadows Effects: Smooth transitions, hover states, and animations