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
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.
- 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.
- 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.
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.
- 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
To run the portfolio locally:
- Clone the repository:
git clone https://github.com/dev-kant-kumar/portfolio.git
- Navigate to the project directory:
cd portfolio - Install dependencies:
npm install
- Start the development server:
npm run dev
Open http://localhost:5173 in your browser to view the portfolio.
- Node.js (v16 or higher)
- npm or yarn
Contributions are welcome! If you have suggestions for improvements or want to add features, please follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature/your-feature). - Make your changes and commit (
git commit -m "Add your feature"). - Push to the branch (
git push origin feature/your-feature). - 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.
Let’s connect! Reach out to me via:
- 🌐 Website: devkantkumar.com
- 📧 Email: dev.techdeveloper@gmail.com
- 💼 LinkedIn: linkedin.com/in/devkantkumar
- 🧠 GitHub: github.com/dev-kant-kumar
- 🐦 Twitter: x.com/dev_kant_kumar
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