{"id":28180676,"url":"https://github.com/amaansyed27/osfolio","last_synced_at":"2026-04-12T10:36:01.855Z","repository":{"id":293531161,"uuid":"983718220","full_name":"amaansyed27/OSFOLIO","owner":"amaansyed27","description":"OSFOLIO is an interactive operating system-themed portfolio website for me.","archived":false,"fork":false,"pushed_at":"2025-05-15T19:20:20.000Z","size":2696,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-15T20:27:33.105Z","etag":null,"topics":["css","modern-ui","modern-web","opera","portfolio","portfolio-site","portfolio-website","postcss","react","react-components","react-hooks","react-query","react-router","react-router-dom","reactjs","shad","tai","taiwindcss","verce","web-development"],"latest_commit_sha":null,"homepage":"https://amaansyed27.tech","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/amaansyed27.png","metadata":{"files":{"readme":"README-SEO.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}},"created_at":"2025-05-14T20:06:11.000Z","updated_at":"2025-05-15T19:20:23.000Z","dependencies_parsed_at":"2025-05-15T20:39:31.382Z","dependency_job_id":null,"html_url":"https://github.com/amaansyed27/OSFOLIO","commit_stats":null,"previous_names":["amaansyed27/osfolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amaansyed27%2FOSFOLIO","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amaansyed27%2FOSFOLIO/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amaansyed27%2FOSFOLIO/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amaansyed27%2FOSFOLIO/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/amaansyed27","download_url":"https://codeload.github.com/amaansyed27/OSFOLIO/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254459118,"owners_count":22074606,"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","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":["css","modern-ui","modern-web","opera","portfolio","portfolio-site","portfolio-website","postcss","react","react-components","react-hooks","react-query","react-router","react-router-dom","reactjs","shad","tai","taiwindcss","verce","web-development"],"created_at":"2025-05-16T03:10:56.304Z","updated_at":"2025-12-30T22:07:33.152Z","avatar_url":"https://github.com/amaansyed27.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# OSFOLIO - OS-themed Portfolio with Advanced SEO\n\nOSFOLIO is an interactive operating system-themed portfolio website built with React, TypeScript, and Tailwind CSS. It simulates a desktop environment with apps representing different sections of a personal portfolio, complete with windows, taskbar, and desktop icons.\n\n![OSFOLIO](https://via.placeholder.com/800x400?text=OSFOLIO+Screenshot)\n\n## Features\n\n- 🖥️ Complete OS-style interface with desktop icons, taskbar, and window management\n- 🪟 Draggable, resizable, and minimizable windows with macOS-inspired controls\n- 📱 Responsive design with dedicated mobile UI for smaller devices\n- 🚀 Smooth animations and transitions using Framer Motion\n- 🎨 Beautiful UI components built with shadcn/ui and Radix UI\n- 💬 Interactive chat application with multi-user support\n- 🤖 AI assistant (OSCAR) for answering questions about the portfolio owner\n- 🌙 Dark mode support with custom theming\n- 💻 Boot screen simulation for an immersive experience\n- 🎯 Taskbar with active app tracking and quick launch capabilities\n- 🔍 Comprehensive SEO optimization for better search engine visibility\n\n## Applications\n\nOSFOLIO includes several \"applications\" that showcase different aspects of the portfolio:\n\n- **About** - Terminal-style interface with personal information presented as command outputs\n- **Experience** - Professional work history at Android Club, makemycards.com, and more\n- **Education** - Academic background at VIT and certifications from various institutions\n- **Skills** - Technical skills with visual level indicators for Android, Kotlin, Figma, and more\n- **Projects** - Showcase of work including Dataweave, Hola, Sentinel, and Joto with details\n- **Achievements** - Awards and recognitions including Android Club Winter of Code win\n- **Contact** - Form to get in touch with links to social profiles and contact information\n- **Chat** - Interactive multi-user chat application with real-time messaging\n- **Oscar** - AI assistant that answers questions about Amaan's background and skills\n\n## Technical Architecture\n\n### Core Technologies\n- **React 18** - Modern UI library with hooks for state management\n- **TypeScript** - Type-safe JavaScript for improved developer experience\n- **Tailwind CSS** - Utility-first CSS framework for rapid styling\n- **Framer Motion** - Animation library for fluid transitions\n- **shadcn/ui** - Reusable component collection based on Radix UI\n- **React Router** - Navigation and routing between pages\n- **Vite** - Fast build tool and dev server\n\n### UI Components\n- **Radix UI Primitives** - Accessible components including toast, dialog, and menu\n- **Custom Window Component** - Draggable and resizable windows with animations\n- **Taskbar** - Dynamic app management with open app tracking\n- **Desktop Icons** - Interactive launch icons for applications\n- **Terminal Emulator** - Command-line style interface for About section\n- **Responsive Layout System** - Adapts between desktop and mobile views\n\n## SEO Optimization\n\nOSFOLIO includes comprehensive SEO optimizations to achieve high search engine rankings:\n\n### Basic SEO\n- ✅ Optimized meta tags (title, description, keywords)\n- ✅ Custom Open Graph and Twitter card metadata\n- ✅ Responsive design for all devices\n- ✅ Canonical URL implementation\n- ✅ Sitemap.xml for better indexing\n\n### Advanced SEO\n- ✅ Structured data with JSON-LD for rich snippets\n- ✅ PWA support with offline capabilities\n- ✅ Performance optimization with code splitting\n- ✅ Asset preloading for critical resources\n- ✅ Custom SEO component for individual pages\n- ✅ robots.txt with crawler-specific directives\n- ✅ Search engine crawler detection\n\n### Technical SEO\n- ✅ Optimized HTTP headers for security and caching\n- ✅ URL canonicalization via redirects\n- ✅ Custom 404 page with SEO best practices\n- ✅ Optimized build with tree shaking and minification\n- ✅ Humans.txt with attribution information\n\n## Domain Setup\n- Primary domain: https://amaansyed27.tech/\n- Redirects from:\n  - https://amaansyed27.vercel.app/\n  - https://osfolio.vercel.app/\n  - https://www.amaansyed27.tech/\n\n## Development\n\n### Prerequisites\n- Node.js 16+\n- npm or yarn\n\n### Getting Started\n```bash\n# Clone the repository\ngit clone https://github.com/amaansyed27/osfolio.git\n\n# Navigate to project directory\ncd osfolio\n\n# Install dependencies\nnpm install\n\n# Start development server\nnpm run dev\n```\n\n### Building for Production\n```bash\n# Generate production build with SEO optimizations\nnpm run build\n```\n\n## License\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n## Author\n**Amaan Syed**\n- GitHub: [@amaansyed27](https://github.com/amaansyed27)\n- Website: [amaansyed27.tech](https://amaansyed27.tech)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famaansyed27%2Fosfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Famaansyed27%2Fosfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famaansyed27%2Fosfolio/lists"}