Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 Interactive Portfolio Website

A modern, immersive, and responsive developer portfolio built with HTML, CSS, JavaScript, Tailwind CSS, and GSAP. This portfolio goes beyond a traditional website by combining cinematic animations, smooth interactions, and a futuristic UI to create an engaging user experience.

🌐 Live Demo

🔗 Portfolio Website: https://antriksh-23.github.io/Antriksh-Portfolio/


✨ Features

  • 🎬 Cinematic Hero Animation:
    • 194-frame image sequence animation pre-rendered and loaded dynamically.
    • Scroll-triggered intro experience utilizing HTML5 Canvas.
    • Smooth transition overlays between sections using GSAP.
  • 🎨 Modern Neon Cyberpunk UI Design:
    • Clean glassmorphism cards with subtle border animations.
    • Neon glowing visual indicators and custom-colored theme states.
    • Responsive layout fully optimized for both mobile viewports and desktop monitors.
  • Fluid Scroll & Animations:
    • GSAP and GSAP ScrollTo Plugin powering inertia-based transitions.
    • Scroll reveal effect for section components.
    • Dynamic asset preloader that displays a real-time progress percentage bar.
  • 🖱️ Interactive Bubble Cursor:
    • Custom 3D bubble cursor that follows mouse movement with easing.
    • Dynamic particle trails and magnetic attraction to interactive buttons/links.

🛠️ Tech Stack

  • Frontend: HTML5, CSS3, JavaScript (ES6+), Tailwind CSS
  • Animation Library: GSAP (GreenSock Animation Platform), GSAP ScrollToPlugin
  • Icons & Typography: Google Material Symbols, Sora, Space Mono, Geist

📂 Project Structure

Portfolio/
│
├── index.html          # Core markup and Tailwind configurations
├── style.css           # Custom stylesheets, keyframes, scroll bars & neon glows
├── app.js              # GSAP animations, canvas frames loading, interactive cursor & mobile menu
├── ezgif/              # 194-frame image sequence for the cinematic scroll intro
└── assets/             # Images, fonts, and external assets

🚀 Getting Started

To run this project locally:

  1. Clone the repository:

    git clone https://github.com/Antriksh-23/Antriksh-Portfolio.git
  2. Open the project: Simply open the project folder and launch index.html using a browser, or run it through the Live Server extension in VS Code.


📂 Featured Projects

1. End-to-End Data Analytics Workflow

  • Description: Cleaned and processed raw datasets using Python. Managed data storage in a relational database and performed analysis using SQL. Built a Power BI dashboard to visualize key business metrics.
  • Tech Stack: Python (Pandas), SQL (PostgreSQL), Power BI
  • Links: Live Demo | Code Repository

2. FanFocusAI - Sports Celebrity Image Classification System

  • Description: Built a full-stack ML application to classify athlete images. Implemented OpenCV for preprocessing and Scikit-Learn for model training. Deployed a responsive web interface via Flask API for real-time results.
  • Tech Stack: Python, OpenCV, Scikit-Learn, Flask
  • Links: Live Demo | Code Repository

3. DeepDecode: Multimodal RAG Video Intelligence

  • Description: Built a tool to search and query video content using AI-driven transcription. Integrated Whisper Large v3 and implemented hierarchical chunking for vector retrieval. Designed a React/FastAPI app delivering video timestamps.
  • Tech Stack: DeepSeek-R1, Whisper v3, FastAPI, React
  • Links: Live Demo | Code Repository

4. FirstMed Hospitals

  • Description: Built a comprehensive healthcare web application providing seamless access to premium medical services. Implemented smooth animations, robust form validation, and integrated Firebase for backend services to ensure a seamless patient experience.
  • Tech Stack: React, Tailwind CSS, Firebase, Framer Motion
  • Links: Live Demo | Code Repository

🎓 Education

  • B.Tech in Computer Science and Engineering (Spec. in Data Science) (2022 — 2026)
    • G.L. Bajaj Institute of Technology and Management, Greater Noida | Percentage: 74%
  • Class XII (2021 — 2022)
    • Sanfort World School, Moradabad | Percentage: 79%
  • Class X (2019 — 2020)
    • K.C.M World School, Moradabad | Percentage: 80%

🏆 Certifications


👨‍💻 Author

Antriksh Gupta


⭐ Support

If you enjoyed this project, don't forget to ⭐ Star the repository. Your support is greatly appreciated!

About

✨ An immersive, responsive portfolio website built with HTML, Tailwind CSS, JavaScript, and GSAP. Features 3D cursor interactions and smooth scroll animations.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages