Game
Iftar Rush
A fast-paced Ramadan-themed catch game — 30 seconds to fill your iftar table. Built as a fun seasonal web game with score tracking and playful animations.
ReactTypeScriptVite
✦◆✿
Available · Riyadh, KSA
Hi, I'm Rifan 👋🏻
Software developer crafting mobile & web experiences. Currently playing as a Software Developer
25
8,420 / 10,000 XPLevel 25 DeveloperSoftware Engineer Class
84%
⟢ Player CardONLINE
25Rifan Alshahrani
@ Mobile & Web Developer
MOB
A+
WEB
A+
UX
A
DeveloperTech EnthusiastUI/UX
Scroll
⟢ About the player
A developer who treats every project like an adventure.
Rifan Nasser Alshahrani
Software Developer
Riyadh, Saudi Arabia
refanalshahrani@gmail.com
King Khalid University
Software developer who learns by building. I enjoy crafting mobile and web experiences . I care about thoughtful UX, clean code others can build on, and never running out of things to discover
🎓
⟢ Education Quest
Bachelor of Computer Science
King Khalid University · 2019 — 2023
⏳
0+
Years of Experience
🚀
0+
Projects on GitHub
🏆
0
Professional Certificates
⟢ Quest log
Adventures so far on this developer journey.
The path that took me from curious student to shipping production apps for thousands of users.
✦ Main QuestDec 2023 — Present
Software Developer
Salam
- ▸Designed responsive UX/UI solutions focused on accessibility across mobile and web.
- ▸Developed cross-platform apps with React Native, Expo, and TypeScript.
- ▸Built web interfaces using Next.js and Vite, optimized for performance.
- ▸Integrated REST APIs and tRPC for type-safe full-stack workflows.
- ▸Implemented modular, reusable components shared across the product suite.
React NativeExpoTypeScriptNext.jsVitetRPC
✦ Side QuestJul 2023 — Aug 2023
Apple Developer Academy — Foundation Program
Apple Developer Academy
- ▸iOS app development with Swift and Apple's native frameworks.
- ▸Sharpened problem-solving through hands-on coding challenges.
- ▸Collaborated on small team projects with rapid design-build-iterate cycles.
SwiftiOSApple TechnologiesCBLUI/UX
✦ Tutorial QuestJun 2022 — Jul 2022
GNP Hospital IT — COOP
GNP Hospital
- ▸IT department internship covering infrastructure, support, and operations.
- ▸Exposure to enterprise IT workflows in a healthcare setting.
IT Infrastructure
⟢ Tech arsenal
Skill tree, collected over years of building.
Every tool below is a badge unlocked through real shipping.
TypeScript
JavaScript
Dart
Swift
Python
SQL
React Native
React
Expo
Next.js
Tailwind CSS
TanStack Start
Vite
tRPC
oRPC
TanStack Query
React Navigation
EAS
Flutter
Firebase
Git
GitHub
Vercel
Google Cloud
Linux (RHCSA)
Figma
Sketch
Claude Code
⟢ (Projects)
Side Quests — experiments, demos, and open source.
Smaller builds and weekend projects living on GitHub. Each card links straight to the repo.
Library
shadcn Commerce UI
A component registry for e-commerce apps built on shadcn/ui. Includes 15+ ready-to-use components like product cards, cart drawer, filters, and search — plus hooks for cart and product state.
TypeScriptReactshadcn/uiTailwind CSS
Demo
Keycloak React Integration
Complete Keycloak auth integration guide with interactive demo. Covers JWT tokens, API integration, and session management with AI-assisted docs.
ReactTypeScriptKeycloak
Web App
Fursa
A job opportunities platform designed for new graduates in Saudi Arabia, helping fresh talent discover and apply to relevant positions.
TypeScriptReact
Demo
TanStack Multi-Step Form
Multi-step form demo with TanStack Form, Zod validation, phone input, OTP verification, and dark/light mode toggle using ShadCN components.
TypeScriptTanStack StartTanStack FormZodshadcn/ui
Demo
TanStack Router + Stripe
Demo showing Stripe SDK integration with TanStack Router using dynamic script loading for payment flows.
TypeScriptTanStack StartStripe SDK
Web App
E-commerce React
A full-featured e-commerce storefront built with React and TypeScript, featuring product browsing, cart management, and responsive design.
TypeScriptReact
Mobile App
Minecraft Items Explorer
A React Native app to browse and search Minecraft items with a clean mobile-native interface and search functionality.
React NativeTypeScript
iOS App
Raseen
Saudi dictionary app for unique regional words, built during the Apple Developer Academy Foundation Program.
SwiftiOS
⟢ Unlocked achievements
Trophies earned along the way — badges, certs, and proof.
Reach this section to trigger a tiny celebration. You earned it for scrolling this far.
✦ Achievement Unlocked
ITIL v4 Foundation
Information Technology Infrastructure Library — service management fundamentals.
✦ Achievement Unlocked
RHCSA
Red Hat Certified System Administrator — enterprise Linux operations.
✦ Achievement Unlocked
EXIN Agile Scrum Master
Agile Scrum Master — leading agile teams and ceremonies.
✦ Achievement Unlocked
GitHub Foundations
GitHub Foundations — collaborative development workflows on GitHub.
⟢ Bonus collection
Apple Developer Academy
Academy campus
The squad
Demo day
Steve Jobs squad
⟢ New quest invite
Start a new quest together.
Got a project, a wild idea, or just want to say hi? Pick whichever channel feels right.
Direct channels
refanalshahrani@gmail.com
Location
Riyadh, Saudi Arabia