Welcome to my personal developer portfolio website! I am Teja Priyan, an AI Engineer and Full Stack Developer. I created this website to showcase my AI projects, web applications, technical skills, background, and resume in one place.
I built this site to be fast, interactive, and responsive, with a modern glassmorphic design, smooth animations, and an interactive particle background.
- 🌗 Dual Theme Switcher — Easily toggle between Ocean (cyan) and Amethyst (purple) themes, saved to your local storage.
- 🏷️ Project Category Filters — Filter my work by category: All, AI & LLMs, Computer Vision, and Web & 3D Apps.
- ✨ Interactive Animations — Particle background that interacts with cursor movements, smooth scroll animations, and typing headline effects.
- 📄 Interactive Resume Modal — View my complete resume right on the page, with options to print or download as HTML.
- 📱 Fully Responsive — Works smoothly across mobile phones, tablets, and desktop screens.
- ⚡ Zero Build Step — Built with clean HTML, CSS, and JavaScript using CDN libraries for fast loading and effortless hosting.
Here is an overview of the files in my repository and what each one does:
MyPortfolio/
├── index.html # Main website file containing all HTML markup, CSS styling, and JavaScript
├── google87bb3bc53ec346d2.html # Google Search Console verification file
├── BingSiteAuth.xml # Bing Webmaster Tools verification file
├── assets/
│ └── banner.jpg # Banner image used in this README
├── .github/
│ ├── ISSUE_TEMPLATE/ # Templates for GitHub bug reports & feature requests
│ ├── PULL_REQUEST_TEMPLATE.md # Template for pull requests
│ └── CI.md # Sample GitHub Actions CI documentation
├── .editorconfig # Standardized editor formatting rules
├── .gitignore # Files and directories ignored by Git
├── .htmlvalidate.json # HTML validator configuration
├── CODE_OF_CONDUCT.md # Community guidelines and code of conduct
├── CONTRIBUTING.md # Instructions for contributing to the repository
├── LICENSE # MIT License
├── README.md # Documentation about my portfolio website
├── SECURITY.md # Security and vulnerability reporting guidelines
└── vercel.json # Hosting and routing configuration for Vercel
Here are the key projects and models featured on my website:
| Project | Description | Link |
|---|---|---|
| 🧠 Teja Priyan AI | My multimodal AI platform with streaming, live code sandbox, and vision reasoning | Live Platform |
| ⚡ Tejapriyan-8B Model | My fine-tuned 8B language model for verifiable SQL reasoning (Ollama / NPX CLI) | Live Playground |
| 🤗 Tejapriyan-8B Weights | My GGUF model weights hosted on Hugging Face | Hugging Face |
| 🎯 Helmet Detection | Deep learning computer vision system detecting helmet compliance | GitHub |
| 🚦 Smart Traffic Monitoring | Real-time traffic analysis and violation detection with YOLO & IoT | GitHub |
| 🏨 Hotel Booking System | Full-stack reservation and management web app built with Java Spring Boot | Live Site |
| 🎮 Gaming Hub Platform | Interactive web mini-game platform built with HTML5 Canvas & JS | Live Site |
| 🧘 Glass‑Tech Sanctuary | Minimalist glassmorphic trivia and quiz web experience | Live Site |
| 🌐 3D Interactive Portfolio | My immersive 3D interactive portfolio website | Live Site |
- HTML5 & Vanilla JavaScript — Core website structure, theme persistence, and project filtering
- Tailwind CSS & Vanilla CSS — Layout styling, glassmorphism design, and custom theme variables
- Libraries (via CDN):
- particles.js — Interactive background particles
- Typed.js — Animated role headlines
- ScrollReveal — Scroll-triggered animations
- Font Awesome — Clean UI icons
- 🌐 Portfolio: portfoliotejapriyan.vercel.app
- 💻 GitHub: @TejaPriyan
- 💼 LinkedIn: in/tejapriyan
- 🤗 Hugging Face: teja161615
Crafted with ♥ by Teja Priyan