Skip to content

Adityasiig/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation


Typing SVG


Live Demo Portfolio Repo LinkedIn


Profile Views


🧑‍💻 About

A modern, design-heavy personal portfolio built with pure HTML, CSS & JavaScript — no frameworks, no build tools. Features a glassmorphism aesthetic with aurora-animated backgrounds, live GitHub contribution calendar, EmailJS-powered contact form, and a fully responsive layout that looks great in both dark and light modes.


✨ Features

🎨 Design & UX

  • Aurora animated background with floating shapes
  • Glassmorphism frosted-glass cards
  • Dark / Light theme toggle (saved to localStorage)
  • Scroll animations via IntersectionObserver
  • 3D tilt effect on project cards
  • Magnetic follow-cursor buttons
  • Scroll progress indicator bar
  • Custom branded loading screen
  • Flat-design developer avatar (inline SVG)

⚙️ Technical Highlights

  • EmailJS — send mail without a backend
  • Live GitHub contribution calendar (custom renderer)
  • Typed.js animated role subtitle
  • Animated stat counters on scroll
  • Dynamic time-based greeting
  • Toast notification system
  • Lightbox certificate viewer (keyboard nav)
  • Mobile-first, fully responsive

📄 Sections

Section Description
Hero Typed subtitle, time-based greeting, "Currently Building" banner
About Bio, detail cards, SVG avatar, floating stat counters
Skills Bento-grid layout with progress bars and ring charts
GitHub Activity Live purple-themed contribution calendar — 12 months rolling
Projects Code-editor style feature card + secondary project cards
Certificates Vertical timeline with category badges and lightbox viewer
Contact EmailJS form with loading state and toast feedback

🛠️ Tech Stack

HTML5 CSS3 JavaScript EmailJS Font Awesome GitHub Pages

Category Details
Markup HTML5 (semantic)
Styling CSS3 — Custom Properties, Grid, Flexbox, Keyframe Animations
Scripts Vanilla JavaScript ES6+
Email EmailJS Browser SDK
Animation Typed.js
Fonts Inter · Space Grotesk · JetBrains Mono
Icons Font Awesome 6
Data GitHub Contributions API (jogruber.de)

📊 GitHub Stats



🚀 Projects Featured

Project Tech Description
WebVulnScanner Python · Flask · Requests Automated web vulnerability scanner — XSS, SQLi, header analysis, crawling
TaskFlow HTML · CSS · JS Minimal task manager with progress tracking and local storage
Portfolio HTML · CSS · JS This site — glassmorphism, aurora bg, live GitHub calendar

📁 Project Structure

Portfolio/
├── index.html               # Single-page app entry point
├── README.md
└── public/
    ├── css/
    │   └── style.css        # All styles — dark/light theme, animations, layout
    ├── js/
    │   └── script.js        # Interactions, EmailJS, GitHub calendar, animations
    ├── images/
    │   ├── avatar.svg       # Developer avatar (SVG, theme-aware)
    │   ├── favicon.ico
    │   ├── favicon.png
    │   └── favicon.svg
    ├── files/
    │   └── cv.pdf           # Downloadable resume
    └── Certificates/
        └── [9 certificate images]

⚡ Getting Started

# Clone the repository
git clone https://github.com/Adityasiig/Portfolio.git

cd Portfolio

# Open directly in your browser — no build step needed
open index.html        # macOS
start index.html       # Windows
xdg-open index.html    # Linux

No npm, no webpack, no dependencies to install. Just open and go.


📬 Contact

Email GitHub LinkedIn


Built with passion by Aditya Singh

About

Personal portfolio website

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors