{"id":31647654,"url":"https://github.com/aswinsaipalakonda/portfolio","last_synced_at":"2026-04-28T23:39:34.408Z","repository":{"id":314628835,"uuid":"1049889567","full_name":"Aswinsaipalakonda/Portfolio","owner":"Aswinsaipalakonda","description":"This is my portfolio","archived":false,"fork":false,"pushed_at":"2025-10-01T18:17:42.000Z","size":14094,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-01T20:30:39.358Z","etag":null,"topics":["emailjs","html5","javascript","react-dom-router","reactjs","shadcn-ui","tailwindcss"],"latest_commit_sha":null,"homepage":"https://aswinsai.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Aswinsaipalakonda.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-03T16:35:05.000Z","updated_at":"2025-10-01T18:17:45.000Z","dependencies_parsed_at":"2025-10-01T20:27:31.646Z","dependency_job_id":null,"html_url":"https://github.com/Aswinsaipalakonda/Portfolio","commit_stats":null,"previous_names":["aswinsaipalakonda/portfolio"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Aswinsaipalakonda/Portfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aswinsaipalakonda%2FPortfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aswinsaipalakonda%2FPortfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aswinsaipalakonda%2FPortfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aswinsaipalakonda%2FPortfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Aswinsaipalakonda","download_url":"https://codeload.github.com/Aswinsaipalakonda/Portfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aswinsaipalakonda%2FPortfolio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278734434,"owners_count":26036404,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-07T02:00:06.786Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["emailjs","html5","javascript","react-dom-router","reactjs","shadcn-ui","tailwindcss"],"created_at":"2025-10-07T06:44:38.133Z","updated_at":"2026-04-28T23:39:34.400Z","avatar_url":"https://github.com/Aswinsaipalakonda.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"public/assets/icons/android-chrome-512x512.png\" alt=\"Aswinsai Logo\" width=\"100\" /\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003e🚀 Aswinsai Palakonda — Portfolio\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cb\u003eFull Stack Developer • No-Code Developer • AI Enthusiast\u003c/b\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://aswinsai.tech\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/🌐_Live_Site-aswinsai.tech-915EFF?style=for-the-badge\" alt=\"Live Site\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/Aswinsaipalakonda\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/GitHub-181717?style=for-the-badge\u0026logo=github\u0026logoColor=white\" alt=\"GitHub\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.linkedin.com/in/aswinsaipalakonda\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/LinkedIn-0A66C2?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" alt=\"LinkedIn\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.instagram.com/__itz_aswin\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge\u0026logo=instagram\u0026logoColor=white\" alt=\"Instagram\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/github/stars/Aswinsaipalakonda/Portfolio?style=social\" alt=\"Stars\" /\u003e\n  \u003cimg src=\"https://img.shields.io/github/forks/Aswinsaipalakonda/Portfolio?style=social\" alt=\"Forks\" /\u003e\n  \u003cimg src=\"https://img.shields.io/github/last-commit/Aswinsaipalakonda/Portfolio?color=purple\" alt=\"Last Commit\" /\u003e\n  \u003cimg src=\"https://img.shields.io/github/repo-size/Aswinsaipalakonda/Portfolio?color=blueviolet\" alt=\"Repo Size\" /\u003e\n\u003c/p\u003e\n\n---w\n\n## ✨ Overview\n\nA **modern, immersive** personal portfolio website built with cutting-edge web technologies. Features a cinematic **liquid splash screen**, an interactive **3D space background**, **smooth Lenis scrolling**, **Framer Motion animations**, a dedicated **Contact page** with a 3D globe, and a downloadable **Resume** — all designed to leave a lasting impression.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png\" alt=\"divider\" /\u003e\n\u003c/p\u003e\n\n## 🎬 Highlights\n\n| Feature                     | Description                                                                 |\n| --------------------------- | --------------------------------------------------------------------------- |\n| 🌊 **Liquid Splash Screen** | SVG-masked text fill animation with animated waves and a percentage counter |\n| 🌌 **3D Space Background**  | Interactive starfield rendered with React Three Fiber \u0026 Three.js            |\n| 🧈 **Lenis Smooth Scroll**  | Buttery smooth scrolling with spring-based easing curves                    |\n| 🎞️ **Framer Motion**        | Page transitions, scroll-triggered reveals, and micro-interactions          |\n| 📱 **Fully Responsive**     | Pixel-perfect on mobile, tablet, and desktop                                |\n| 📬 **Contact Page**         | Dedicated contact page with email form powered by EmailJS                   |\n| 🌍 **3D Globe**             | Rotating globe in the Contact section                                       |\n| ⌨️ **Flip Words Effect**    | Dynamic role cycling in the hero section                                    |\n| 📄 **Resume Download**      | One-click resume view in a new tab                                          |\n| 🔍 **SEO Optimized**        | Structured data, sitemap, robots.txt, and Open Graph meta tags              |\n\n---\n\n## 🛠️ Tech Stack\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://skillicons.dev/icons?i=react,ts,vite,tailwind,threejs\u0026theme=dark\" alt=\"Tech Stack\" /\u003e\n\u003c/p\u003e\n\n| Technology                                                                                                           | Purpose                                     |\n| :------------------------------------------------------------------------------------------------------------------- | :------------------------------------------ |\n| ![React](https://img.shields.io/badge/React-20232A?style=flat-square\u0026logo=react\u0026logoColor=61DAFB)                    | UI library for component-based architecture |\n| ![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=flat-square\u0026logo=typescript\u0026logoColor=white)      | Type-safe development                       |\n| ![Vite](https://img.shields.io/badge/Vite-646CFF?style=flat-square\u0026logo=vite\u0026logoColor=white)                        | Lightning-fast build tool \u0026 dev server      |\n| ![TailwindCSS](https://img.shields.io/badge/Tailwind_CSS-06B6D4?style=flat-square\u0026logo=tailwindcss\u0026logoColor=white)  | Utility-first CSS framework                 |\n| ![Three.js](https://img.shields.io/badge/Three.js-000000?style=flat-square\u0026logo=threedotjs\u0026logoColor=white)          | 3D graphics \u0026 space background              |\n| ![Framer Motion](https://img.shields.io/badge/Framer_Motion-0055FF?style=flat-square\u0026logo=framer\u0026logoColor=white)    | Animations \u0026 page transitions               |\n| ![Lenis](https://img.shields.io/badge/Lenis-000000?style=flat-square\u0026logoColor=white)                                | Smooth scrolling engine                     |\n| ![EmailJS](https://img.shields.io/badge/EmailJS-FC0?style=flat-square\u0026logoColor=black)                               | Client-side email service                   |\n| ![React Router](https://img.shields.io/badge/React_Router-CA4245?style=flat-square\u0026logo=reactrouter\u0026logoColor=white) | Client-side routing \u0026 navigation            |\n\n---\n\n## 📂 Project Structure\n\n```\nPortfolio/\n├── public/\n│   ├── assets/\n│   │   ├── icons/                 # Favicons \u0026 PWA icons\n│   │   └── images/                # Profile photo, certificates, logos\n│   ├── experience/                # Experience-related assets\n│   ├── Resume.pdf                 # Downloadable resume\n│   ├── resume.html                # Resume viewer page\n│   ├── sitemap.xml                # SEO sitemap\n│   └── robots.txt                 # Search engine crawl rules\n├── src/\n│   ├── components/\n│   │   ├── About.tsx              # Hero section with photo \u0026 flip words\n│   │   ├── Navbar.tsx             # Fixed navigation with mobile menu\n│   │   ├── Content.tsx            # Section orchestrator\n│   │   ├── SplashScreen.tsx       # 🌊 Liquid fill splash animation\n│   │   ├── Space.tsx              # 🌌 Three.js starfield background\n│   │   ├── TypeWriter.tsx         # ⌨️ Typing animation component\n│   │   ├── ScrollToTop.tsx        # Scroll restoration on route change\n│   │   ├── Languages.tsx          # Programming languages section\n│   │   ├── Skills/\n│   │   │   ├── Skills.tsx         # Technical skills grid\n│   │   │   ├── SkillCard.tsx      # Individual skill card\n│   │   │   └── SoftSkills.tsx     # Soft skills display\n│   │   ├── Projects/\n│   │   │   ├── Projects.tsx       # Projects showcase\n│   │   │   └── ProjectCard.tsx    # Project card with links\n│   │   ├── Certificates/\n│   │   │   ├── Certificates.tsx   # Certificates gallery\n│   │   │   ├── CertificateCard.tsx # Certificate card component\n│   │   │   └── CertificateModal.tsx # Full-view modal\n│   │   ├── Education/\n│   │   │   ├── Education.tsx      # Timeline education section\n│   │   │   └── EducationCard.tsx  # Education card component\n│   │   ├── Experience/            # Work experience section\n│   │   ├── Contact/\n│   │   │   ├── Contact.tsx        # Contact section wrapper\n│   │   │   ├── ContactForm.tsx    # Email form with validation\n│   │   │   ├── RotatingGlobe.tsx  # 3D rotating globe\n│   │   │   ├── Footer.tsx         # Social links \u0026 copyright\n│   │   │   └── Toast.tsx          # Notification component\n│   │   ├── ui/                    # Reusable UI primitives\n│   │   └── fancy/                 # Fancy animation components\n│   ├── pages/\n│   │   └── ContactPage.tsx        # Dedicated contact route page\n│   ├── providers/\n│   │   └── LenisProvider.tsx      # 🧈 Smooth scroll provider\n│   ├── lib/                       # Utility functions\n│   ├── App.tsx                    # Root app with routing \u0026 splash screen\n│   ├── main.tsx                   # Entry point with providers\n│   └── index.css                  # Global styles \u0026 Lenis config\n├── index.html                     # HTML entry with SEO structured data\n├── vite.config.ts\n├── tailwind.config.js\n├── tsconfig.json\n└── package.json\n```\n\n---\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n- **Node.js** ≥ 18.x\n- **npm** ≥ 9.x\n\n### Installation\n\n```bash\n# 1️⃣ Clone the repository\ngit clone https://github.com/Aswinsaipalakonda/Portfolio.git\n\n# 2️⃣ Navigate to the project\ncd Portfolio\n\n# 3️⃣ Install dependencies\nnpm install\n\n# 4️⃣ Start the dev server\nnpm run dev\n```\n\nThe app will be running at **`http://localhost:5173`** 🎉\n\n### Build for Production\n\n```bash\nnpm run build\nnpm run preview   # Preview the production build\n```\n\n---\n\n## 📸 Sections\n\n|  #  | Section           | Description                                                      |\n| :-: | ----------------- | ---------------------------------------------------------------- |\n| 🌊  | **Splash Screen** | Cinematic liquid-fill name animation with wave effects           |\n| 👤  | **About**         | Hero with profile photo, gradient name, and flip word roles      |\n| 🛠️  | **Skills**        | Categorized technical skills (Frontend, Backend, DevOps, Others) |\n| 💻  | **Languages**     | Programming languages proficiency                                |\n| 💼  | **Experience**    | Professional work experience                                     |\n| 📁  | **Projects**      | Showcased projects with live demo \u0026 GitHub links                 |\n| 🏅  | **Certificates**  | Achievements gallery with full-view modal                        |\n| 🎓  | **Education**     | Academic timeline with school details \u0026 CTA                      |\n| 📬  | **Contact**       | Dedicated page with email form + 3D globe + social links         |\n\n---\n\n## 🔍 SEO \u0026 Performance\n\n- **Structured Data**: JSON-LD for Person, WebSite, SiteNavigationElement, and BreadcrumbList\n- **Sitemap**: Includes main site, LinkedIn, GitHub, Instagram, and Contact page\n- **Open Graph \u0026 Twitter Cards**: Rich previews for social sharing\n- **Google Analytics**: Traffic tracking via Google Tag Manager\n- **Google Search Console**: Verified and indexed\n- **Optimized Sitelinks**: Structured data hints for Google sub-links (Home, LinkedIn, GitHub, Instagram, Contact)\n\n---\n\n## 🎨 Design Philosophy\n\n- **Dark Theme** with `#915EFF` purple accent color\n- **Glassmorphism** effects on navigation\n- **Gradient text** for headings and brand name\n- **Scroll-triggered animations** using Framer Motion `whileInView`\n- **3D elements** for depth and immersion\n- **Inter font** for clean, modern typography\n- **Custom purple scrollbar** for attention to detail\n\n---\n\n## 🤝 Connect with Me\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/Aswinsaipalakonda\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/GitHub-171515?style=for-the-badge\u0026logo=github\u0026logoColor=white\" alt=\"GitHub\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://linkedin.com/in/aswinsaipalakonda\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" alt=\"LinkedIn\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.instagram.com/__itz_aswin\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge\u0026logo=instagram\u0026logoColor=white\" alt=\"Instagram\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"mailto:aswinsaipalakonda@gmail.com\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Email-D14836?style=for-the-badge\u0026logo=gmail\u0026logoColor=white\" alt=\"Email\"/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n---\n\n## 📜 License\n\nThis project is open source and available under the [MIT License](LICENSE).\n\n---\n\n\u003cp align=\"center\"\u003e\n  \u003cb\u003e⭐ If you like this portfolio, give it a star!\u003c/b\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  Made with 💜 by \u003ca href=\"https://github.com/Aswinsaipalakonda\"\u003e\u003cb\u003eAswinsai Palakonda\u003c/b\u003e\u003c/a\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faswinsaipalakonda%2Fportfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faswinsaipalakonda%2Fportfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faswinsaipalakonda%2Fportfolio/lists"}