About Me
Get to know me
Hi, I'm Fadhel Raihan, a passionate Full Stack Developer and UI/UX Designer based in Indonesia. I specialize in building end to end web applications, designing premium user experiences, and deploying high-performance cloud architectures.
With expertise ranging from frontend frameworks like React and Next.js to backend systems powered by Node.js and modern databases, I help businesses bridge the gap between complex engineering and elegant product design. I also bring strong project management and business negotiation skills to ensure project delivery aligns perfectly with client goals.
My Professional Journey
Experience
Full Stack Developer
Telkom Test House
InternshipLorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
Skills
Full Stack Web Development
Building robust, scalable end-to-end web applications. From designing secure databases and custom APIs using Node.js/Next.js, to developing responsive and interactive frontends. Ensuring clean code, strong security, and seamless user experiences across all devices.
UI/UX Design & Prototyping
Designing intuitive, modern, and high-fidelity user interfaces with a focus on user experience. Creating interactive wireframes and prototypes using Figma. Optimizing user flows, visual hierarchies, and modern layouts to increase engagement and conversion rates.
Cloud Deployment & Infrastructure
Configuring and automating software deployments to cloud infrastructure like Vercel, AWS, or Neon. Managing CI/CD pipelines, SSL installations, database migrations, server configurations, and domain integrations to keep your applications live and highly available.
Business Negotiation & Tech Consulting
Translating business objectives into technical roadmaps. Offering expert IT consulting to identify optimal tech stacks and development timelines. Providing professional negotiation and communication to bridge requirements between stakeholders, clients, and technical teams.
API Development & Integration
Designing and implementing secure RESTful and GraphQL APIs for seamless communication between systems. Integrating third-party platforms such as payment gateways (Midtrans/Stripe), authentication providers, and CRM services to extend application capabilities.
Speed Optimization & SEO
Improving web performance to achieve perfect Core Web Vitals scores. Optimizing bundle sizes, assets, lazy loading, and implementing server-side rendering (SSR). Structuring clean semantic HTML and meta configurations to boost organic rankings on search engines like Google.
Agile Project Management
Leading and coordinating development teams using Agile methodologies (Scrum/Kanban). Setting clear sprints, managing backlogs, and ensuring on-time delivery of projects with high quality and adherence to scope.
How I Work
Discovery & Planning
Collaborating closely to understand your business goals, target audience, and functional requirements. We create a detailed technical road map, define project scope, and set clear milestones before writing any code.
Design & Architecture
Translating requirements into interactive visual designs and structural blueprints. We build user-friendly wireframes, custom UI components in Figma, and design scalable system architectures and database schemas.
Agile Development
Developing the application using industry best practices. Writing clean, modular, and well-tested code for both frontend and backend. Working in iterative sprints with regular progress updates and continuous integration.
QA, Launch & Support
Conducting thorough testing, performance optimization, and SEO checks. We deploy the final application to staging and production environments, configure domain settings, and provide post-launch support to ensure smooth operations.
Selected Works
VCivic
VCivic: E-learning platform built with Laravel, Vue 3 & Supabase. Features: curriculum sync, real-time discussion, and automated quizzes.
Eco Hero
Eco Hero is an interactive SSI-based platform that builds ecological citizenship in elementary students through gamified environmental missions.
Student Assessment Dashboard
React based student tracker using 7 KAIH habits & IDRES to detect social desirability bias via parent-student data triangulation.
Peace Civic
Gamified e-learning platform of Pancasila & Acehnese culture featuring team collaboration (Duek Pakat) & social action (Peace Project).
Interested in working together?
Get in TouchGet in TouchSelected Works
VCivic
Eco Hero
Student Assessment Dashboard
Peace Civic
Interested in working together?
Get in TouchGet in TouchTech Stack
The Principles I Hold Dear
Engineering Principles
Clean Over Clever
Code is read far more often than it is written. I prioritize simplicity, readability, and maintainable architecture over overly complex 'clever' solutions.
Performance Obsessed
Every millisecond counts. I'm obsessed with rendering optimizations, GPU-accelerated animations, and extremely lightweight architectures without sacrificing aesthetics.
User-Centric First
A technology product is meaningless if it frustrates its users. I design UI/UX with profound empathy for the end-user, ensuring accessible and intuitive flows.