Skip to content

PrashunKC/portfolio-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

13 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌟 Prashun KC - Portfolio Website

Website License PRs Welcome

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.

πŸš€ Live Demo

Visit the live website: prashunkc.com.np

✨ Features

🎨 Design & UI

  • 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

πŸ› οΈ Functionality

  • 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

πŸ“± Sections

  • 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

πŸ› οΈ Technologies Used

Frontend

  • 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

Design Tools

  • Font Awesome 6.4.0 - Icon library
  • Google Fonts - Inter & JetBrains Mono fonts
  • Custom CSS Framework - Hand-crafted responsive design

🎯 Skills Highlighted

  • 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

πŸ“¦ Getting Started

Prerequisites

No special prerequisites needed! This is a static website that runs directly in any modern web browser.

Local Development

  1. Clone the repository

    git clone https://github.com/PrashunKC/portfolio-website.git
    cd portfolio-website
  2. Open in browser

    • Simply open index.html in 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
  3. View the website

    • Navigate to http://localhost:8000 (or the port shown by your local server)

File Structure

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

πŸš€ Deployment

This website is deployed and hosted on GitHub Pages with a custom domain. For detailed deployment instructions, see the Deployment Guide.

Quick Deployment Options:

  1. GitHub Pages (Current setup)

    • Push to the repository
    • Automatically deployed via GitHub Pages
    • Custom domain configured via CNAME
  2. Netlify (Alternative)

    • Drag and drop index.html
    • Configure custom domain
    • Automatic SSL certificate
  3. 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.

πŸ“§ Contact Information

🌐 Social Media

Connect with me on social platforms:

🎨 Color Scheme

The website features a carefully crafted color palette with both light and dark themes:

Dark Theme (Default)

  • Primary: #0066ff (Blue)
  • Secondary: #00d4ff (Cyan)
  • Accent: #ff6b35 (Orange)
  • Background: #0f172a (Dark blue)
  • Text: #e2e8f0 (Light gray)

Light Theme

  • Adjusted colors for optimal readability in light mode
  • Automatic theme persistence using localStorage

πŸ“„ License

This project is licensed under a Proprietary License.

Copyright Β© 2025 Prashun KC. All rights reserved.

Restrictions:

  • 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.

🀝 Contributing

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.

πŸ”„ Future Enhancements

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

πŸ“ Changelog

Version 1.0.0 (Current)

  • 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)

πŸ™ Acknowledgments

  • Font Awesome for the icon library
  • Google Fonts for the beautiful typography (Inter & JetBrains Mono)
  • The web development community for inspiration and best practices

πŸ’‘ About the Developer

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

🌐 Visit Website β€’ πŸ“§ Email Me β€’ πŸ’Ό LinkedIn

About

Public info website

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages