Skip to content

My Personal Project Portfolio - simple SPA with basic HTML, CSS & Javascript

Notifications You must be signed in to change notification settings

Mohitsai/mohitsai.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mohit Sai Gutha's Portfolio

Welcome to my personal portfolio website! This is a simple, single-page application (SPA) designed using HTML, CSS, and JavaScript. The website is hosted on GitHub Pages and serves as a showcase of my projects, experience, and skills while providing easy navigation for users to explore my GitHub and LinkedIn profiles.

🌐 Live Website

Visit My Portfolio

Features

  • Minimal & Fast SPA: No complex framework like React; just plain HTML, CSS, and JavaScript for simplicity.
  • Project & Experience Showcase: Highlights key projects with descriptions, technologies, and links.
  • Google Analytics Integration: Tracks user visits and link clicks.
  • FontAwesome Icons: Adds professional and clean UI elements.
  • Webfonts & Open Graph Meta Tags: Ensures proper rendering and social media sharing.
  • Custom Favicon & OpenGraph Previews: Configured for optimal branding.
  • No Routing, Just a Simple User Journey: Designed for clarity and easy navigation.
  • Fully Responsive Design: Works across all devices and screen sizes.
  • GitHub Pages Hosting: Easy to maintain and deploy.

Getting Started

1️⃣ Clone the Repository

git clone https://github.com/Mohitsai/mohitsai.github.io
cd mohitsai.github.io

2️⃣ Open in a Browser

Simply open the index.html file in your browser to view the portfolio locally.

3️⃣ Host on GitHub Pages

  • Push your forked repository to GitHub.
  • Go to Settings > Pages and select the main branch as the source.
  • Your portfolio will be available at https://your-username.github.io/your-repo-name/.

Customization Guide

If you are cloning this repo for personal use, please make sure to modify the following:

  • Google Analytics ID (gtag.js): Replace G-3L4FRT1ZWC with your own tracking ID.
  • OpenGraph & Twitter Meta Tags (<meta> in <head>): Update with your own details for proper social media previews.
  • Resume Links: Change the src attribute in the <iframe> section to point to your resume.
  • Project Links: Modify URLs and descriptions for your projects.
  • Favicon & Profile Image: Update favicon.ico and mypic.jpg in assets/.

Credit

Abdelazim Lokma's portfolio was used as a starter for this portfolio.

Contributing & Fair Use

I’m glad that many people are finding this portfolio useful (Ironic but this is most visited and cloned repo of mine)! However, I kindly request that you:

  • Use it fairly by modifying it for your own branding and content.
  • Change the Google Analytics tracking ID before deploying.
  • Consider starring ⭐ the repo if you find it helpful!

Contact

Feel free to reach out via LinkedIn or Email if you have any questions or suggestions!


© 2025 Mohit Sai Gutha | Built using HTML, CSS & JavaScript

🎥 Demo

Portfolio Demo