Loading repository data…
Rajath2005 / repository
🌟 My Personal Portfolio 🌟 A responsive, modern website showcasing my skills, projects, and certifications. Built with HTML, CSS, and JavaScript. Features dark-themed UI, smooth animations, and interactive elements like modals. Explore my journey and work! Give it a ⭐ if you like it! 🚀
Welcome to the open-source repository for my personal portfolio! This highly optimized, interactive, and responsive web application serves as a dynamic resume, project showcase, and AI-powered interaction hub.
| Desktop View | Mobile View |
|---|---|
| Clean, dark-mode aesthetic with glassmorphism | Fully responsive, buttery smooth mobile experience |
📌 View the full visual breakdown in SHOWCASE.md
This portfolio goes beyond a simple static site. It includes:
📌 Explore every UI component in detail in FEATURES.md
This project uses a vanilla, dependency-free frontend approach to maximize performance and minimize bundle size, coupled with serverless functions for dynamic capabilities.
📌 Read the deep-dive technical breakdown in ARCHITECTURE.md
Clone the repository:
git clone https://github.com/Rajath2005/rajathkiran.io.git
cd rajathkiran.io
Install dependencies: (Required only for the Netlify serverless functions)
npm install
Create a .env file in the root directory and add your API keys:
GEMINI_API_KEY="your-gemini-api-key-here"
The easiest way to run the project locally with the serverless functions is using the Netlify CLI:
npm install netlify-cli -g
netlify dev
This will spin up the local server (usually on http://localhost:8888) and automatically map requests to /.netlify/functions/*.
📦 rajathkiran.io
┣ 📂 assets
┃ ┣ 📂 css # Core stylesheets (style.css, os-intelligence.css)
┃ ┣ 📂 images # Avatars, project thumbnails, icons
┃ ┣ 📂 js # Core logic, Three.js backgrounds, AI Chat
┃ ┗ 📂 certificates # Downloadable PDF assets
┣ 📂 docs # Comprehensive project documentation
┣ 📂 netlify
┃ ┗ 📂 functions # Serverless endpoints (e.g., ask-rajath.js)
┣ 📜 index.html # Main Single Page Application
┣ 📜 package.json # Project dependencies
┗ 📜 netlify.toml # Deployment configuration
<article class="about">): High-level introduction, core services, education timeline, and testimonials.<article class="resume">): Detailed work experience, hackathons, and a granular skills radar.<article class="portfolio">): Filterable grid of technical projects, with dedicated standalone pages (ayudost.html, copd-detection.html, etc.) for programmatic SEO.<article class="blog">): Interactive modal viewer for verifying cloud and AI credentials.<article class="contact">): Formspree-powered contact form and recruiter-specific FAQ accordion.Located in the dock menu, this feature allows users to query an AI model trained on my specific resume data. It dynamically imports ai-chat.js to prevent render blocking, and communicates with ask-rajath.js (a Netlify function acting as a secure proxy to the Gemini API).
Type hacker into the navigation bar or use the Konami code to trigger special UI overrides.
📌 Discover all secrets in EASTER_EGGS.md
type="module"), passive scroll event listeners, requestAnimationFrame throttling, and strict Cumulative Layout Shift (CLS) prevention using explicit image dimensions.prefers-reduced-motion queries by gracefully degrading WebGL rendering, and utilizes semantic ARIA attributes.Contributions, issues, and feature requests are welcome! Feel free to check out the issues page.
This project is MIT licensed. You are free to fork and use this template, provided you retain attribution and replace my personal data with your own.
Selected from shared topics, language and repository description—not editorial ratings.
atulsingh1501 /
🌟 My first personal portfolio — built with pure HTML, CSS & JavaScript. Features particle background, glassmorphism UI, scroll animations & project showcase. v1 of my frontend journey.