Skip to content

dev-kant-kumar/my-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 

Repository files navigation

💼 Dev Kant Kumar – Portfolio

Live Demo License: MIT GitHub Stars

A modern, responsive portfolio showcasing my skills, projects, and journey as a Front-end Developer, featuring Zayra AI, an interactive AI assistant.
🔗 Explore the Live Website

Screenshot 2025-07-26 122727

🧑‍💻 About

This repository hosts the source code for my personal portfolio website, devkantkumar.com. The site is designed to highlight my expertise in front-end development, showcase my projects, and provide an engaging experience for visitors. A key feature is Zayra AI, a custom-built AI assistant that answers questions about my skills, projects, and experience in real-time, making the portfolio interactive and unique.

The portfolio is built with a focus on clean design, performance, and user experience, reflecting my passion for creating user-friendly, responsive web applications.


✨ Features

  • Hero Section: Engaging introduction with animated text and a clear call-to-action to connect.
  • About Section: A concise overview of my background as a front-end developer and my passion for building intuitive interfaces.
  • Skills Section: Dynamic circular progress bars showcasing proficiency in HTML, CSS, JavaScript, React, and more.
  • Projects Section: Curated project cards with descriptions, high-quality screenshots, and links to live demos and GitHub repositories (e.g., Spotify Clone, E-commerce Website).
  • Contact Section: Functional contact form, social media links (GitHub, LinkedIn, Twitter), and a downloadable resume.
  • Zayra AI: An embedded AI assistant that provides real-time answers about my work, enhancing visitor engagement.
  • Responsive Design: Optimized for desktop, tablet, and mobile devices with smooth scrolling and subtle animations.
  • Footer: Includes social media links and a "Back to Top" button for improved navigation.

🚀 Planned Enhancements

  • Blog Section: Share insights, tutorials, and lessons learned to demonstrate expertise.
  • GitHub Contributions: Integrate a contributions graph to showcase open-source activity.
  • Backend Integration: Add a backend for secure contact form submissions and analytics.
  • Case Studies: Detailed breakdowns of projects to highlight challenges and solutions.
  • SEO & Accessibility: Improve meta tags, alt text, and ARIA labels for better discoverability and inclusivity.

🧠 Meet Zayra AI

Zayra AI is a custom-built, client-side AI assistant integrated into the portfolio to provide an interactive experience. It answers questions about my skills, projects, and background, making it easier for recruiters, collaborators, and visitors to explore my work dynamically.

Zayra says:
"Hi! I'm Zayra, Dev Kant's AI assistant. Curious about his latest project or tech stack? Ask me anything!"

Note: Zayra AI is powered by lightweight NLP logic and runs entirely on the client side for fast performance. Future updates may include backend integration for more advanced features.


🛠️ Tech Stack

  • Frontend: React, JavaScript (ES6+), HTML5, CSS3
  • Styling: Tailwind CSS for responsive, utility-first design
  • Build Tool: Vite for lightning-fast development and production builds
  • Animations: Custom CSS animations and JavaScript for interactive elements
  • AI Integration: Zayra AI with client-side NLP logic
  • Deployment: Hosted on Vercel

📦 Getting Started

To run the portfolio locally:

  1. Clone the repository:
    git clone https://github.com/dev-kant-kumar/portfolio.git
  2. Navigate to the project directory:
    cd portfolio
  3. Install dependencies:
    npm install
  4. Start the development server:
    npm run dev

Open http://localhost:5173 in your browser to view the portfolio.

Prerequisites

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

🤝 Contributing

Contributions are welcome! If you have suggestions for improvements or want to add features, please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/your-feature).
  3. Make your changes and commit (git commit -m "Add your feature").
  4. Push to the branch (git push origin feature/your-feature).
  5. Open a Pull Request with a clear description of your changes.

Please ensure your code follows the project’s coding style and includes appropriate documentation.


📫 Contact

Let’s connect! Reach out to me via:


📌 License

This project is licensed under the MIT License. Feel free to explore, learn from, or adapt the code with proper attribution.


Built with 💻 and ☕ by Dev Kant Kumar

Portfolio

About

A modern portfolio showcasing my full-stack development skills in React, TypeScript, Node.js, MongoDB, and Tailwind CSS, featuring Zayra AI, an interactive AI assistant. Built with Vite for optimal performance.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors