A modern, responsive, and interactive portfolio website showcasing my work as a Full Stack Developer from Nepal. Built with pure HTML, CSS, and JavaScript, featuring smooth animations, dark/light theme toggle, and a clean design.
Visit the live website: prashunkc.com.np
- Responsive Design - Fully responsive layout that works seamlessly on all devices
- Dark/Light Theme Toggle - User-friendly theme switching with localStorage persistence
- Smooth Animations - Engaging fade-in effects, typing animations, and smooth transitions
- Animated Background - Dynamic particle effects for visual appeal
- Modern Gradient Effects - Eye-catching color gradients throughout the design
- Interactive Navigation - Smooth scrolling to different sections
- Typing Animation - Dynamic text display showcasing different skills
- Animated Particles - Background particle effects for enhanced visual experience
- Contact Information - Easy-to-find contact details and social media links
- Performance Optimized - Fast loading times and smooth interactions
- Cross-browser Compatible - Works across all modern browsers
- Hero Section - Eye-catching introduction with animated text
- About Me - Professional background and skills showcase
- Skills Grid - Visual display of technical expertise
- Featured Projects - Portfolio showcase section
- Contact Section - Multiple ways to get in touch
- Footer - Social media links and copyright information
- HTML5 - Semantic markup
- CSS3 - Modern styling with:
- CSS Variables for theming
- Flexbox & Grid layouts
- CSS Animations & Transitions
- Custom scrollbar styling
- JavaScript (ES6+) - Interactive features:
- Theme toggle functionality
- Typing animation effect
- Particle animation system
- Smooth scrolling
- Local storage management
- Font Awesome 6.4.0 - Icon library
- Google Fonts - Inter & JetBrains Mono fonts
- Custom CSS Framework - Hand-crafted responsive design
- JavaScript - Modern ES6+ development
- React - Component-based UI development
- Node.js - Backend development
- Python - Server-side programming
- Database - Data management and storage
- Cloud - AWS and cloud infrastructure
No special prerequisites needed! This is a static website that runs directly in any modern web browser.
-
Clone the repository
git clone https://github.com/PrashunKC/portfolio-website.git cd portfolio-website -
Open in browser
- Simply open
index.htmlin your preferred web browser - Or use a local server:
# Using Python 3 python -m http.server 8000 # Using Node.js (with http-server) npx http-server
- Simply open
-
View the website
- Navigate to
http://localhost:8000(or the port shown by your local server)
- Navigate to
portfolio-website/
βββ index.html # Main HTML file with embedded CSS and JavaScript
βββ deployment-guide.md # Comprehensive deployment instructions
βββ LICENSE # Proprietary license
βββ CNAME # Custom domain configuration
βββ README.md # This file
βββ .vscode/ # VS Code settings
This website is deployed and hosted on GitHub Pages with a custom domain. For detailed deployment instructions, see the Deployment Guide.
-
GitHub Pages (Current setup)
- Push to the repository
- Automatically deployed via GitHub Pages
- Custom domain configured via CNAME
-
Netlify (Alternative)
- Drag and drop
index.html - Configure custom domain
- Automatic SSL certificate
- Drag and drop
-
Vercel (Alternative)
- Connect GitHub repository
- Automatic deployments on push
- Free SSL and CDN
For more deployment options and detailed instructions, check out the deployment-guide.md.
- Email: [email protected]
- Phone: +977 9862784115
- Location: Chitwan, Bharatpur, Nepal
- Website: prashunkc.com.np
Connect with me on social platforms:
- GitHub: @PrashunKC
- LinkedIn: Prashun K C
- Twitter/X: @Prashun_K_C
- Instagram: @prashunk_c_
- YouTube: Prashun KC
The website features a carefully crafted color palette with both light and dark themes:
- Primary:
#0066ff(Blue) - Secondary:
#00d4ff(Cyan) - Accent:
#ff6b35(Orange) - Background:
#0f172a(Dark blue) - Text:
#e2e8f0(Light gray)
- Adjusted colors for optimal readability in light mode
- Automatic theme persistence using localStorage
This project is licensed under a Proprietary License.
Copyright Β© 2025 Prashun KC. All rights reserved.
- No part of this work may be reproduced, distributed, or transmitted without permission
- Viewing the website is permitted for personal, non-commercial purposes only
- Creating derivative works requires explicit written permission
For permissions or licensing inquiries, please contact: [email protected]
See the LICENSE file for complete details.
While this is a personal portfolio project, suggestions and feedback are welcome! Feel free to:
- Open an issue for bugs or suggestions
- Share feedback on improvements
- Connect with me directly via email or social media
Please note that due to the proprietary nature of this project, direct code contributions require explicit permission.
Planned improvements for the portfolio:
- Add more project showcases as they are completed
- Implement a blog section for sharing knowledge
- Add testimonials section
- Integrate analytics for visitor insights
- Create a contact form with backend integration
- Add more interactive animations and effects
- Implement PWA features for offline access
- Initial portfolio website launch
- Responsive design implementation
- Dark/light theme toggle
- Animated hero section with typing effect
- Skills showcase section
- Contact information and social media links
- Custom domain setup (prashunkc.com.np)
- Font Awesome for the icon library
- Google Fonts for the beautiful typography (Inter & JetBrains Mono)
- The web development community for inspiration and best practices
I'm Prashun KC, a passionate Full Stack Developer from Nepal, dedicated to creating innovative web solutions that bridge the gap between creativity and functionality. With expertise spanning frontend and backend technologies, I bring ideas to life through clean, efficient code.
When I'm not coding, you'll find me exploring the latest tech trends, contributing to open-source projects, or sharing knowledge with the developer community.
Built with β€οΈ in Nepal