Skip to content

bisug/My-Portfolio

Repository files navigation

Logo

Bisu Ghalan's Portfolio

BCS CSNT Student | Ethical Hacker | Kathmandu, Nepal

Live Site GitHub LinkedIn


Info About The Project

This is my personal portfolio website built to showcase my projects, skills, and journey as a Bachelor of Computer Science — Cyber Security & Network Technology (BCS CSNT) student based in Kathmandu, Nepal. It serves as a central hub for my technical workflows, automation tools, deployment practices, and networking labs.

About BCS CSNT: An undergraduate program that blends computing fundamentals with specialised knowledge in networking and cybersecurity. It prepares students to design, manage, and secure computer networks, with hands-on experience in ethical hacking, encryption, and system protection. Ideal for careers in IT security, network administration, or cyber defense.

AI-Augmented Development: As a Cybersecurity and Networking student rather than a traditional frontend developer, I built this entire portfolio from scratch by heavily leveraging AI coding assistants. This project serves as a testament to modern problem-solving, rapid prototyping, and the power of AI-augmented workflows.

Key Features

  • Modern & Responsive Design: Custom Neo-Brutalist UI with bold contrast, thick borders, and vibrant accents. Typography is powered by Inter (sans-serif) and JetBrains Mono (monospace).
  • Interactive UI Elements: Dynamic typewriter effects, smooth scroll progress bar, and interactive glitchy drag-and-drop error pages.
  • SEO Optimized: Structured data (JSON-LD), localized metadata, robots.txt, sitemap.xml, and fully semantic HTML.
  • Accessibility: Keyboard navigable, screen-reader friendly, and respects prefers-reduced-motion settings.
  • Performance: No heavy frameworks -- built with vanilla HTML, CSS, and JS for maximum speed.
  • Security-Minded: Features standard /security.txt vulnerability disclosure file.

Stack Tech Stack

Frontend
HTML5 CSS3 JavaScript


Hosting & Deployment
Netlify


Tools & Practices
Git GitHub


Folder Project Structure

Portfolio-prototype/
├── index.html        # Main portfolio page (Single Page Application structure)
├── 404.html          # Custom 'Page Not Found' error page (interactive drag-and-drop glitch card)
├── 403.html          # Custom 'Forbidden' error page for unauthorized access
├── 500.html          # Custom 'Internal Server Error' page for server faults
├── robots.txt        # Directives for search engine crawlers (SEO)
├── sitemap.xml       # XML Sitemap for better search engine indexing (SEO)
├── humans.txt        # Developer credits and site metadata (for humans to read)
├── .well-known/
│   └── security.txt  # Standardized security vulnerability disclosure policy
└── assets/
    ├── css/          # Stylesheets (modular CSS architecture using @layer)
    ├── js/           # Scripts (scroll logic, typewriter effect, interactivity)
    └── img/          # Images, custom SVG favicon, and background patterns

Laptop Local Setup & Development

Want to run this project locally? It's completely static, so no build tools are required.

  1. Clone the repository
    git clone https://github.com/bisug/My-Portfolio.git
  2. Navigate to the directory
    cd My-Portfolio
  3. Start a local web server (e.g., using Node.js)
    npx serve .
  4. Open your browser and visit http://localhost:3000

SEO Google Search Console Setup

This portfolio is configured to be easily verified by Google Search Console. There are two ways to verify ownership:

Method 1: URL Prefix (Recommended & Fastest)

This method uses the HTML <meta> tag already included in the index.html file.

  1. Go to Google Search Console.
  2. Click "Add property".
  3. Choose "URL prefix" (do NOT choose "Domain").
  4. Enter https://bisu.com.np/ (make sure to include https://).
  5. Under "Other verification methods", select "HTML tag".
  6. The verification token is already integrated into the code. Simply click "Verify".

Method 2: Domain Property (DNS Verification)

If you prefer to verify the entire domain at the DNS level, you must add a TXT record via your domain registrar (e.g., Namecheap, GoDaddy).

  1. In Google Search Console, choose "Domain" when adding a property.
  2. Enter bisu.com.np.
  3. Copy the provided TXT record (e.g., google-site-verification=JNqNZR3C99SgpeAhIoT7mEpOt7UZu89uLPq8KPJYCec).
  4. Log into your domain registrar's DNS settings.
  5. Add a new TXT record:
    • Host/Name: @ (or leave blank)
    • Value: Paste the verification string
  6. Save the record and wait a few hours for DNS changes to propagate before clicking "Verify" in Search Console.

Next Steps After Verification

Once verified via either method:

  1. In the left sidebar, go to Sitemaps, enter sitemap.xml, and click Submit.
  2. Go to URL Inspection, enter https://bisu.com.np/, and click "Request Indexing".

Contact Let's Connect

Open to cybersecurity internships, collaborations, or just a quick chat about Python and networking.


Email Website

Copyright Bisu Ghalan © 2026. Licensed under the MIT License.

About

Personal portfolio website designed to showcase my projects, skills, and journey as a Cybersecurity student based in Kathmandu, Nepal.

Topics

Resources

License

Stars

3 stars

Watchers

0 watching

Forks

Contributors