Mayank Kumar - Portfolio Website

📋 Overview

This repository contains the source code for my personal portfolio website, showcasing my projects, skills, and professional journey. Built with modern web tooling (React + Vite + Tailwind CSS), the site focuses on performance, responsiveness, and crisp visual design.

🔗 Live Demo: https://mayank-kumar-portfolio.vercel.app/

---

✨ Features

• Responsive Design — Fully optimized for all device sizes ✅
• Modern Stack — React + Vite + Tailwind for fast development and small bundles ⚡
• Project Showcase — Highlights selected projects with descriptions and links
• Skills Section — Visual representation of technical capabilities
• Contact Form — Easy-to-use form for potential collaborators to reach out ✉️
• Smooth Animations — Subtle CSS/JS animations for enhanced user experience
• Performance Optimized — Fast loading times and efficient code

---

🛠️ Built With

• React — UI library
• Vite — Development server & build tool
• Tailwind CSS — Utility-first CSS framework
• Vanilla JavaScript/JSX — Interactive elements and DOM logic
• Vercel — Hosting and deployment platform

---

🚀 Getting Started

Prerequisites

• Node.js (LTS recommended)
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/mayank-kumar-git/portfolio-website.git

2. Install dependencies

cd portfolio-website
npm install
# or
# yarn

3. Run the development server

npm run dev
# or
# yarn dev

4. Build for production

npm run build
# Preview production build
npm run preview

---

📂 Project Structure

portfolio-website/
├── index.html
├── package.json
├── postcss.config.js
├── tailwind.config.js
├── vite.config.js
├── src/
│   ├── main.jsx              # App entry
│   ├── App.jsx               # App root + routes
│   ├── index.css             # Tailwind + global styles
│   ├── assets/               # Icons, images
│   ├── components/           # Reusable UI components
│   └── pages/                # Page-level components (About, Projects, Contact)
└── README.md                 # Project documentation

---

🔧 Customization

• Colors & Styling: Edit Tailwind config (tailwind.config.js) or src/index.css to tweak colors and spacing.
• Content: Update personal details, project items, and page copy in src/pages and src/components.
• Functionality: Modify interactions/animations in component files under src/components.

---

📈 Future Improvements

• Add dark/light mode toggle
• Implement page transitions
• Create a blog section
• Add more interactive elements
• Improve loading performance with lazy loading

---

🌐 Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

---

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

📞 Contact

Mayank Kumar - mayankkumar.27062007@gmail.com

LinkedIn: https://www.linkedin.com/in/kumarmayankupes

---

⭐ Star this repository if you find it useful! ⭐

Designed & Developed with ❤️ by Mayank Kumar