Ayush Kumar's Portfolio

A personal portfolio website showcasing my skills, projects, and experience as a passionate web developer.

🚀 Live Demo

Visit the live portfolio at: https://portfolio-rosy-seven-75.vercel.app/

📖 About

I am Ayush Kumar, a passionate web developer with a strong foundation in HTML, CSS, and React JS. During my studies, I honed my skills in front-end development, building interactive websites and web applications using the latest React.js technologies. I am adept at collaborating with teams to create user-friendly, responsive designs that deliver an optimal experience across devices.

🛠️ Technologies Used

• Frontend Framework: React.js 18
• Routing: React Router DOM
• Styling: CSS3 with custom animations
• SEO & Meta Tags: React Helmet
• Version Control: Git & GitHub

📁 Project Structure

portfolio/
├── public/
│   ├── index.html
│   ├── manifest.json
│   ├── robots.txt
│   └── sitemap.xml
├── src/
│   ├── component/
│   │   ├── Home.jsx
│   │   ├── Profile.jsx
│   │   ├── Project.jsx
│   │   ├── Skill.jsx
│   │   ├── Contact.jsx
│   │   ├── Navbar.jsx
│   │   ├── Ham.jsx (Hamburger menu)
│   │   └── Card.jsx
│   ├── style/
│   │   ├── home.css
│   │   ├── profile.css
│   │   ├── project.css
│   │   ├── skill.css
│   │   ├── contact.css
│   │   ├── navbar.css
│   │   ├── layout.css
│   │   ├── ham.css
│   │   └── card.css
│   ├── asserts/
│   │   ├── Profile/
│   │   ├── cv/
│   │   └── icon/
│   ├── App.js
│   └── index.js
└── package.json

🎯 Features

• Responsive Design: Optimized for all devices (desktop, tablet, mobile)
• Smooth Animations: Powered by AOS (Animate On Scroll) library
• SEO Optimized: Meta tags, canonical URLs, and structured data
• Progressive Web App: PWA ready with service worker support
• Fast Loading: Optimized build with code splitting
• Accessible: Semantic HTML and ARIA attributes

📋 Skills Highlighted

• React JS
• HTML5
• CSS3
• MongoDB
• Front-end Development
• Responsive Web Design

🏗️ Projects Showcased

1. Portfolio Website - This very website!

   • Live Demo
   • Source Code

2. E-commerce Website (QuickStore)

   • Live Demo
   • Source Code

3. Restaurant Menu Website

   • Live Demo
   • Source Code

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/Ayushkumar12/portfolio.git
   cd portfolio

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

4. Open http://localhost:3000 in your browser.

Build for Production

npm run build

This will create a build folder with optimized production files.

📧 Contact

• Portfolio: https://portfolio-rosy-seven-75.vercel.app/
• GitHub: https://github.com/Ayushkumar12
• LinkedIn: [Your LinkedIn profile] (Add if available)
• Email: [Your email] (Add if available)

📄 License

This project is private and for personal use.

🤝 Contributing

This is a personal portfolio project. Feel free to fork and use as inspiration for your own portfolio!

---

Built with ❤️ using React.js