Yatin Danani - Developer Portfolio

🚀 Live Demo: https://yatindanani.github.io

An Apex Legends-themed portfolio website showcasing my projects, skills, and experience as a Computer Science & Mathematics student at the University of Victoria.

✨ Features

• Apex Legends-Inspired Design: Futuristic, tactical aesthetic with signature red and purple color scheme
• Fully Responsive: Optimized for all devices from mobile to desktop
• Animated Interactions: Smooth scroll animations, hover effects, and transitions
• Project Showcase: Interactive horizontal carousel with project cards and direct links to code and live demos
• Tech Stack Display: Comprehensive overview of programming languages, frameworks, and tools
• Contact Integration: Direct links to GitHub, LinkedIn, and email

🎨 Design Highlights

• Custom Orbitron and Rajdhani fonts for authentic gaming aesthetic
• Gradient borders and clip-path polygons for angular Apex-style frames
• Scanline overlay effects and animated corner accents
• Responsive grid layouts with CSS Grid

🛠️ Tech Stack

Frontend:

• HTML5
• CSS3 (Advanced animations, clip-path, gradients)
• Vanilla JavaScript

Design:

• Custom Google Fonts (Orbitron, Rajdhani)
• CSS Grid & Flexbox

📂 Projects Featured

1. Puck Prep (Mar 2026)

   • AI-powered F&B demand forecasting system for WHL arena concessions
   • Technologies: Python, React, Flask, Claude API, WebSockets, Flask-SocketIO

2. Meeting Notetaker AI (🏆 1st Place - Inspire Hackathon)

   • Real-time AI meeting notes with live transcription
   • Technologies: React, Node.js, Express, MongoDB, Nylas API

3. Clinical Note Classifier

   • ML pipeline with desktop GUI for classifying clinical notes into four categories
   • Technologies: Python, scikit-learn, PyQt6, TF-IDF, Machine Learning

4. QR Code Generator

   • Responsive web application
   • Technologies: JavaScript, HTML, CSS
   • Live Demo

🚀 Deployment

This portfolio is deployed on GitHub Pages and is accessible at: https://yatindanani.github.io

Local Development

1. Clone the repository:

git clone https://github.com/YatinDanani/YatinDanani.github.io.git

2. Navigate to the project directory:

cd YatinDanani.github.io

3. Open index.html in your browser:

open index.html

📁 File Structure

.
├── index.html          # Main HTML file with embedded CSS and JS
├── profile.jpg         # Profile photo
└── README.md           # This file

🎯 Key Features

• Single File Architecture: All CSS and JavaScript embedded in one HTML file for easy deployment
• No Build Process: Pure HTML/CSS/JS - no frameworks or dependencies required
• Fast Loading: Optimized for performance with minimal external resources
• SEO Friendly: Proper meta tags and semantic HTML structure

📱 Responsive Breakpoints

• Desktop: > 968px (full grid layout)
• Tablet/Mobile: ≤ 968px (single column layout)

🎨 Color Scheme

• Primary Red: #ff003c - Apex Legends signature color
• Secondary Purple: #8000ff - Accent color
• Dark Background: Gradient from #0a0a0a to #1a0a0f to #0f0a1a

📧 Contact

• Email: yatindanani2520@gmail.com
• GitHub: YatinDanani
• LinkedIn: yatin-danani

---

Built with ❤️ by Yatin Danani | Computer Science & Mathematics @ UVic