LLMs.txt – Rahul

About

- I am a CS student who loves building and am known for pixel-perfect execution and strong attention to small details. - Passionate about exploring new technologies and turning ideas into reality through polished, thoughtfully crafted personal projects. - At my core, I'm curious not just about technology, but about how it shapes the way people think, act, and grow. That curiosity pushes me beyond just coding into exploring meaning and purpose.

Personal Information

First Name: Rahul
Last Name: Nguyễn
Display Name: Rahul
Website: https://heyrahulr.netlify.app

Projects

College Fest Event Registration — College Fest Event Registration platform for Illumina 2025. - Event registration and management system - Real-time updates with Firebase - Responsive design for all devices
Skills: HTML, CSS, JavaScript, Firebase
Growthly - Financial Growth Platform — A financial growth tracking platform with interactive charts and insights. - Track financial growth with interactive Chart.js visualizations - Full-stack with React frontend and Node.js/Express backend - MongoDB for data persistence
Skills: React, Node.js, MongoDB, Express, Chart.js, HTML, CSS, JavaScript
AI-Powered Search — Open source AI-powered search engine inspired by Perplexity AI. - Real-time AI responses using Google Gemini API - Web search integration for live results - Built with React, TypeScript, and TailwindCSS
Skills: React, TypeScript, Google Gemini API, TailwindCSS

Awards

Best UI/UX Web Design | United International School
4th Place | ASTRAVA National-Level Hackathon at Dr. AIT

Certifications

Blog

Dot Grid Spotlight
Interactive dot grid with a cursor-tracking spotlight effect.
Icon Swap
Animate icon swaps with scale, blur, and fade transitions.
Brand Assets Menu
Context menu for copying brand SVGs and opening asset links.
Fluid Gradient Text
Render text with a fluid gradient that shifts with pointer movement.
TOC Minimap
Navigate page sections with a compact, hoverable TOC minimap.
Elastic Slider
Slider with elastic rubber-band drag and magnetic snap feedback.
GitHub Contributions
Visualize year-long GitHub contribution activity with daily counts, tooltips, and a profile link.
Theme Toggle Effect
Animated transitions when switching between light and dark themes.
Twemoji
Render Unicode emoji as Twemoji SVG images inline with text.
Middle Truncation
Truncate text in the middle while preserving start and end.
Glow Card Grid
Display cards with glowing border and background effects.
Haptic Feedback
Trigger haptic feedback on mobile devices.
Text Flip
Animated text that cycles through items with a smooth flip transition.
Copy Button
Copy text to clipboard with visual, haptic, and audio feedback.
Code Block Command
Display install commands with package manager switcher and copy button.
Consent Manager
Cookie and tracking consent banner for Next.js, built on c15t.
Scroll Fade Effect
Fade content edges as you scroll, for both vertical and horizontal layouts.
GitHub Stars
Display GitHub repo star count with formatted numbers and full-count tooltip.
Shimmering Text
Smooth, light-sweeping shimmer animation for text.
Slide to Unlock
Interactive slider inspired by the classic iPhone “slide to unlock” gesture.
Work Experience
Display work experiences with role details, company logos, and durations.
React Wheel Picker
iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.
Theme Switcher
Toggle between system, light, and dark themes in Next.js apps.
Apple Hello Effect
SVG writing animation inspired by Apple’s “Hello” screen.
Awesome Terminal — iTerm2 + Zsh + Oh My Zsh + Amazon Q
Optimize your terminal with iTerm2, Zsh, Oh My Zsh, and Amazon Q - a guide to installation, theme customization, plugins, and configuration for an enhanced command-line experience.
Installing Uptime Kuma with Docker and setting up NGINX with SSL
Uptime Kuma is an easy-to-use self-hosted monitoring tool.
Welcome to chanhdai.com
A pixel-perfect dev portfolio and shadcn registry showcasing my work as a Design Engineer.