A premium, interactive, sci-fi themed developer portfolio showcasing custom projects, engineering philosophy, and custom code integrations.
Note
Designed with high-fidelity aesthetics, immersive audio routing, and real-time WebGL graphics, this portfolio serves as an interactive hub for my technical creations.
- Interactive 3D Planetary Canvas: Powered by Three.js and custom shader materials, featuring orbital rings, atmospheric glows, and smooth mouse/touch interactivity.
- Developer CLI Terminal: An interactive command-line interface overlay (accessible via
`orCtrl+K) that accepts developer commands and provides real-time system responses. - TechScript Playground: A custom mini-IDE & syntax highlighter console to write and test code snippets directly in the browser.
- Skill Constellation Map: Node-based interactive tech stack constellation mapping out expertise dynamically with custom animations.
- Dynamic Projects & Case Studies: Immersive full-screen project previews with modern grid transitions, custom audio feedback cues, and detailed markdown support.
- Github Activity Engine: Dynamically displays pinned repos with a responsive swiper track on mobile and direct link interaction.
- Ambient Sound Design: High-fidelity sound manager with spatial hover audio cues, click triggers, and immersive background tracks.
- Responsive Layout: Designed for mobile compatibility (vertical stack reordering, sliding controls, custom carousels) and ultra-wide PC monitors.
- Integrated Mail Client Routing: Smart custom contact form with subject selectors, conditional entries, and client preferences (
localStorage) to auto-launch Gmail Web, Outlook Web, or default native mail applications.
- Framework: React 19 + TypeScript + Vite
- Styling & Motion: Tailwind CSS + Framer Motion + GSAP
- 3D Graphics: Three.js / WebGL / React Three Fiber / Drei
- Typography & Icons: Lucide React + custom sci-fi font tokens
- Orchestration & Performance: Lenis Smooth Scroll + SoundManager Audio (Howler) + Vanta.js
| Project | Description | Category | Tech Stack |
|---|---|---|---|
| TechScript | A modern programming language and developer ecosystem built from the ground up in Rust. | Compiler • Developer Tool | Rust, Cargo Workspaces, AST, Bytecode VM, TypeScript |
| NovOS | A futuristic web-based desktop operating system with neomorphic window management. | Web OS • Operating System | React, TypeScript, Tailwind, Framer Motion, Zustand |
| Aurora-OS.js | Extensible web OS game and hacking simulator framework in TypeScript. | Web OS • Game Framework | TypeScript, React, State Machine, Canvas API, WebGL |
| ARC Reactor 3D | Interactive 3D Iron Man ARC Reactor rendering engine in Three.js & TypeScript. | 3D Graphics • WebGL | Three.js, TypeScript, WebGL, GLSL Shaders, Vite |
| NeoSketch | Offline AI-powered artistic photo editor for Android & Windows. | Mobile App • Flutter & Rust | Flutter, Dart, Rust, ONNX Runtime, Android, Windows |
| Vortyx | High-performance CLI utility and system performance tool. | CLI Tool • Utility | Rust, CLI, System Telemetry, Process Inspection |
| OS Wallpapers | Collection of minimalist wallpapers tailored for operating system interfaces. | Design Assets • Collection | Design, Vector Art, Digital Media, GitHub Pages |
Make sure you have Node.js installed.
-
Clone the repository:
git clone https://github.com/Tcode-Motion/portfolio.git cd portfolio -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Build for production:
npm run build
Visit the live site: https://tcode-motion.github.io/portfolio/
- GitHub: @Tcode-Motion
- Email: tcodemotion@gmail.com
Built with code and vibes 💻✨