Khairil Rahman (kyyril)

2024: Cihuy Movie is a web application for discovering and organizing popular movies and TV shows. It features daily and weekly trending lists, along with personalized user functionality for managing watchlists.

Key Features
Trending lists for daily and weekly popular movies and TV shows
Discovery pages with pagination for browsing content
Search functionality to quickly find movies or shows
Personalized watchlist with Firebase Authentication
Tech Stack
TypeScript
React (React Router, Context API)
Vite
Chakra UI
Firebase Authentication
Axios

2024: SaaS NotesApp is a subscription-based note-taking application built with a modern full-stack architecture. It enables users to manage notes efficiently while offering a tiered access model with premium features.

Key Features
CRUD functionality for managing notes (create, view, edit, delete)
Subscription-based access with free-tier limitation (up to 5 notes) and premium unlimited usage
Integrated Stripe Customer Portal for subscription management
Secure authentication and user management
Server-side rendering and backend logic implementation
Customizable theme support
Tech Stack
TypeScript, Next.js
TailwindCSS, Shadcn UI
Stripe (payments & subscriptions)
Kinde Auth
PostgreSQL, Prisma
Supabase

2025: SyncBlog is a modern blogging platform that enables users to create, manage, and interact with content seamlessly. It offers a rich user experience with features such as authentication, dynamic post interactions, and personalized user engagement.

# Key Features
User authentication (JWT & OAuth)
Create, edit, and delete blog posts
Rich text editing using MDX
Category-based post filtering
User profiles with follow & unfollow functionality
Comment system on posts
Like and unlike posts
Bookmark posts
Blog visitor tracking

# Tech Stack
Frontend:

TypeScript, Next.js
Redux, TanStack Query
TailwindCSS, Shadcn UI
Framer Motion
Axios, Zod

Backend:

Express.js
PostgreSQL, Prisma ORM
JWT Authentication

Infrastructure & Tools:

Cloudinary (media optimization)
Vercel (frontend hosting)
Railway (backend & database hosting)
Multirepo architecture

2025: Slither is a high-performance, real-time multiplayer snake game that demonstrates advanced networking techniques and optimized 3D rendering.

Key Features
Real-time multiplayer gameplay using WebSocket with a 30Hz tick rate
Authoritative server architecture to ensure cheat prevention and consistent game state
Client-side prediction (dead reckoning) for smooth 60 FPS gameplay, even with latency above 200ms
Delta state compression achieving over 95% bandwidth reduction by transmitting only state changes
Spatial hash grid for efficient collision detection, capable of handling thousands of moving entities
Tech Stack

Backend:

Go
Gorilla WebSocket
Redis

Frontend:

React, TypeScript, Vite
Three.js, React Three Fiber, Postprocessing
TailwindCSS

Infrastructure:

Docker
Vercel

2025: Fluently is a language learning application that leverages AI to help users practice spoken English. It encourages consistent daily learning through structured routines and gamified experiences.

Key Features
AI speaking coach for real-time conversation practice with feedback and corrections
Structured daily routine with a simple 4-step learning flow
Gamification system with XP, levels, and leaderboard competition
Cross-platform experience across web and mobile devices
Smart articles with instant translation and audio support
Tech Stack

Frontend & Mobile:

React Native, Expo
Next.js
TypeScript, TailwindCSS

Backend:

Express.js
PostgreSQL
Redis

AI Integration:

Gemini

Architecture:

Monorepo

2025: Design To Code is a web application that converts UI designs into structured React.js code using AI. Users can upload a design image and instantly generate clean, reusable frontend code.

Key Features
Generate code by converting design images into structured React.js components
Regenerate code with improved results if the initial output is not satisfactory
AI model selection to optimize conversion quality based on user preference
Design history to view and manage previous conversions
Tech Stack
TypeScript, Next.js
TailwindCSS, Shadcn UI
PostgreSQL
Firebase Authentication
Cloudinary
OpenRouter, Gemini

2025: WeShare is a social media application that enables users to create and interact with content in real time. It provides core social features such as posting, commenting, notifications, and profile management.

Key Features
Full CRUD functionality for creating, editing, and deleting posts
Comment system for user interactions
Real-time notifications for new activities
User profile management with edit and update capabilities
Real-time data synchronization across the application
Tech Stack
JavaScript
React Native, Expo
Supabase