const faris = {
name: "Faris Yahya Ayyash Alfatih",
username: "ramirezzServer",
location: "Bandung, Indonesia 🇮🇩",
education: "Information Systems · Telkom University",
roles: [
"Full-Stack Developer",
"Frontend Developer",
"UI/UX Designer",
"Project Lead",
],
focus: [
"Web application development",
"Monorepo & microservices architecture",
"REST & GraphQL API design",
"Dashboard & data visualization",
"Clean, implementable UI/UX",
],
flagshipProjects: {
tradeView:
"Real-time trading dashboard — portfolio, watchlist, market data, OHLCV charts, news, web push, and mobile access.",
spektra:
"Polyglot media tracker for films, series, games, and books with reviews, lists, and social activity feeds.",
umkmSense:
"PKM-KC smart market & cultural intelligence system for Indonesian SMEs (team lead).",
ourTucTuc:
"Mobility service system focused on transportation flow and digital experience.",
},
techStack: {
frontend: ["React", "TypeScript", "Vite", "Tailwind CSS", "React Router"],
backend: ["Laravel", "PHP", "Node.js", "Express", "FastAPI"],
mobile: ["React Native", "Expo"],
database: ["PostgreSQL", "MySQL", "SQLite", "Redis"],
tools: ["Docker", "Git", "GitHub", "Postman", "Nginx"],
data: ["Python", "Jupyter Notebook", "Pandas"],
design: ["Figma", "Illustrator", "Photoshop", "Canva", "CorelDRAW"],
},
openTo: ["Internships", "Freelance", "Collaboration"],
principle: "The second mistake is not a mistake anymore. It is a choice.",
};Languages
Frontend
Backend & Database
Mobile
Tools & Infrastructure
Design
Four projects that define my engineering range — from real-time financial data and polyglot microservices to research-grade product systems.
|
Real-time trading dashboard with market overview, watchlist, portfolio, OHLCV candlestick charts, financials, crypto, market news, web push notifications, and a companion mobile app. Built as a full monorepo with shared types and a typed exception hierarchy.
|
Polyglot media tracker for films, series, games, and books with ratings, reviews, lists, profiles, follows, and activity feeds. Integrates TMDB, RAWG, OpenLibrary, and YouTube APIs across a React + Laravel + FastAPI worker stack.
|
|
Smart Market & Cultural Intelligence System for Indonesian SMEs. A PKM-KC research project where I serve as team lead, shipped with a full technical & business documentation suite (BRD, PRD, SDD, SRS, Lean Canvas) on a React + Laravel + FastAPI microservice stack.
|
Mobility service system focused on transportation flow, digital experience, and practical end-to-end system design — built on Laravel with a Blade-driven interface.
|
| Project | Description | Stack | Status |
|---|---|---|---|
| TradeView Dashboard | Real-time trading dashboard with portfolio, watchlist, OHLCV charts, news, web push & mobile app | React · TypeScript · Vite · Laravel · React Native · Expo | 🟢 Active Development |
| Spektra | Polyglot media tracker for films, series, games & books with social features | React · TypeScript · Laravel · FastAPI · PostgreSQL · Redis | 🟢 Active Development |
| UMKM-Sense (PKM-KC) | Smart market & cultural intelligence system for Indonesian SMEs — team lead | React · Laravel · FastAPI | 🔵 In Progress |
| OurTucTuc Mobility System | Mobility service system focused on digital transportation flow | Laravel · Blade · UI/UX | 🟣 Maintained |
- Clean and responsive web dashboards backed by real, live data
- Monorepo and microservice architectures that scale
- REST and GraphQL APIs with clear, typed structure
- UI/UX designs that can actually be implemented, not just admired
- Full-stack apps with auth, database, and real user flows
- Portfolio-worthy projects that are not just "hello world but with trauma"
"You can make the same mistake twice, because the second time is not a mistake, it's a choice."