# Ananda Rizki > Ananda Rizki is a software engineer and frontend developer with 10+ years of building web apps end to end, backed by strong UI/UX design skills. Bring me an idea, a messy prototype or a half-built product. I’m a software engineer and frontend developer with ten years of building web apps end to end, from interface to infrastructure. Projects shown here are a selection; much of the client work is private or under NDA. ## About Hi! I’m Ananda Rizki, a full-stack software engineer with 10+ years of building for the web. The frontend is where I’m strongest, with backend and UI/UX design close behind. I love taking ideas all the way from sketch to shipped product, and these days most of my time goes into bringing LLMs and agentic workflows into interfaces people actually use. - Based in: Jakarta, Indonesia (GMT+7) - Works: Remote, worldwide - Focus: Frontend, full-stack, UI/UX, AI products - [About](https://rizki.id/about): bio, career timeline and toolkit - [Labs](https://rizki.id/labs): 60 experimental apps, big and small, built in spare time - [Home](https://rizki.id/): introduction and selected work - [LinkedIn](https://www.linkedin.com/in/ananda-rizki/) - [GitHub](https://github.com/anandarizki) ## Timeline - 2026 – now: Founding Engineer, Avvista AI (Nesso Labs) (Italy · Remote). Building an AI platform for European public tenders from the ground up: streaming LLM document analysis in the UI, built with Next.js. Leading a frontend team of two. - 2026: Acquired by Cato AI (Europe’s largest procurement startup). - 2026: Launched Avvista AI (AI tender management for the European market). - 2025 – 2026: Frontend Developer, lead reviewer, Outlier (San Francisco · Remote). Reviewed and corrected AI-generated frontend code to train models, and set the frontend quality bar. - 2023 – 2024: Senior Software Engineer, Hijrstudio (Indonesia · Hybrid). Founded and led a five-person engineering team that took a design agency into web development. - 2019 – 2023: Senior Software Engineer, INSPIFY (Singapore · Hybrid). Core B2B SaaS: video meetings, a presentation builder and an immersive 3D web framework. The sales platform quadrupled conversions. - 2023: Webby Awards nominee (Best Metaverse, Virtual Retail & Shopping). Chopard Happy Sport, as frontend lead. - 2021: Top 10 Retail Tech Startups in APAC (Retail Tech Insights). For INSPIFY Meet, the flagship product. - 2014 – 2019: Senior Frontend Developer & UI/UX Designer, Supernova (Australia · Remote). Frontends for five high-traffic e-commerce brands, on a shared UI library. - 2014 – 2019: Frontend Developer & Creative Designer, Tinkle International (Singapore · Remote). Design and campaign pages for Visa, IWC, Montblanc and 40+ other clients. - 2012 – 2014: Frontend Developer & UX Designer, HomeClick (United States · Remote). E-commerce frontend for 100,000+ products, made up to twice as fast. - 2007 – 2012: Computer Science, IPB University (Indonesia). Bachelor’s degree. ## Projects - [All projects](https://rizki.id/projects) - [INSPIFY Meet](https://rizki.id/projects/inspify-meet): Video calls built into INSPIFY Studio, in the browser. (Web App) - [Storiez.io](https://rizki.id/projects/inspify-storiez): Make, store, share and present slides in one place, live. (Web App) - [JSpark](https://rizki.id/projects/jspark): A desktop playground for JavaScript and TypeScript that lets you replay your code one step at a time, backwards as well as forwards. (Desktop App) - [JSpark Website](https://rizki.id/projects/jspark-website): The landing page, documentation and store front for JSpark, a JavaScript and TypeScript playground for the desktop. (Website) - [Chopard Happy Sport](https://rizki.id/projects/chopard-happy-sport): Nominated for Best Metaverse, Virtual Retail & Shopping at the 2023 Webby Awards: Chopard's Happy Sport collection as an immersive 3D experience for Korea. (Immersive Website) - [Loubi Airways](https://rizki.id/projects/loubi-airways): An immersive 3D airplane journey for Christian Louboutin's Autumn-Winter 2021 collection, flying guests from New York's TWA Terminal to Loubiville. (Immersive Website) - [DFGN](https://rizki.id/projects/dfgn): The Design Factory Global Network (DFGN) is a global community of innovation hubs fostering multidisciplinary collaboration, design, and experimentation (Website) - [INSPIFY Nudge](https://rizki.id/projects/inspify-nudge): Designed to let users create engaging landing pages for their products, INSPIFY Nudge is a feature of INSPIFY Storiez. (Web App) - [INSPIFY Voice](https://rizki.id/projects/inspify-voice): A Content Management System and inventory management. (CMS) - [INSPIFY Inverse](https://rizki.id/projects/inspify-inverse): Designed to transform ordinary websites or online stores into interactive 3D experiences. (Framework) - [LENS GO](https://rizki.id/projects/inspify-lens): An innovative in-store edutainment system designed to enhance customer engagement with products. (Mobile App) - [Van Cleef & Arpels Beverly Hills Boutique](https://rizki.id/projects/vca-beverly-hills): An ambitious endeavor to digitally recreate the newly revamped physical space of their Rodeo Drive boutique in Beverly Hills (Immersive Website) - [Van Cleef & Arpels Valley Fair Mall Boutique](https://rizki.id/projects/vca-valley-fair): Immersive Virtual Boutique experience of the Fine jeweler Van Cleef & Arpels Silicon Valley’s Westfield Valley Fair. (Immersive Website) - [Van Cleef & Arpels King of Prussia Mall Boutique](https://rizki.id/projects/vca-king-of-prussia): An immersive Virtual Boutique of the King of Prussia Mall booth, Pennsylvania. (Immersive Website) - [Butterspark](https://rizki.id/projects/butterspark): Butterspark, a Singapore digital marketing agency, where I handled client work from advertising design to web development for brands like Expedia and WWF. (Website) - [Supernova](https://rizki.id/projects/supernova): A company that focuses on building global brands, especially in the beauty industry. (Website) - [Suu Balm](https://rizki.id/projects/suubalm): Specializes in skincare products designed for eczema-prone and sensitive skin. (E-Commerce) - [bodyboss](https://rizki.id/projects/bodyboss): E-Commerce website that selling fitness program with video tutorial include the digital guide. (E-Commerce) - [bodyboss Fitness Guide](https://rizki.id/projects/bodyboss-fitness-guide): A fitness guide and exercise tracker for planning workouts, timing exercises and tracking calories, built in React and React Native for web and mobile. (Mobile App) - [Sand & Sky](https://rizki.id/projects/sand-and-sky): The first cosmetics line product from Supernova. Sand & Sky's Skin Purifying Pink Clay Mask. (E-Commerce) - [Nutrilite OwSUPER](https://rizki.id/projects/nutrilite-owsuper): The Nutrilite OwSUPER page highlights a recipe contest organized by Nutrilite Indonesia (Website) - [HomeClick](https://rizki.id/projects/homeclick): A comprehensive e-commerce platform specializing in home appliances, boasting a vast catalog of over 100,000 products. (E-Commerce) - [Coco & Eve](https://rizki.id/projects/coco-and-eve): Coco & Eve, Supernova's most awarded brand (21 awards): a responsive Shopify store I built and maintained through the traffic its media coverage brought. (E-Commerce) ## Labs 60 experimental apps, big and small, built from scratch in spare time: ideas caught before they were forgotten, things made for fun, or a way to try a stack or see if something would work. Written in React and TypeScript, and kept up, good or bad, as a record of progress. Catalogued at [rizki.id/labs](https://rizki.id/labs); every demo runs live on [labs.rizki.id](https://labs.rizki.id). ### Simulators - [CosmicRace 3D](https://labs.rizki.id/cosmicrace3d): The 3D version of CosmicRace: a Three.js solar system with every planet where it really is today, on its real axis, that you can orbit and fly through. - [CosmicRace](https://labs.rizki.id/cosmicrace): A solar system simulator built on real orbital data: move planets to different orbits and watch how fast each one races around the sun at its real speed. - [Sorting Visualiser](https://labs.rizki.id/sortviz): A sorting algorithm visualizer: step through bubble, selection, insertion, merge, quick and heap sort one comparison at a time, with code and sound. - [Garbage Collection](https://labs.rizki.id/gcviz): An interactive tutorial on JavaScript garbage collection: watch a mark-and-sweep collector walk real object graphs, then find a leak with Chrome DevTools. - [Binary Tree Visualiser](https://labs.rizki.id/treeviz): A binary search tree visualizer: search, insert, delete, traversals and classic interview questions like height, balance and LCA, one step at a time. - [Graph Algorithms Visualiser](https://labs.rizki.id/graphviz): A graph algorithm visualizer: BFS, DFS, Dijkstra, A*, Bellman–Ford, Kruskal, Prim and more, stepped one edge at a time on diagrams and a paintable grid. - [Dynamic Programming Visualiser](https://labs.rizki.id/dpviz): A dynamic programming visualizer: watch the table fill cell by cell with arrows to its sources, then trace back the answer, from Fibonacci to matrix chain. - [React Fiber](https://labs.rizki.id/reactfiber): An interactive tutorial on how React Fiber works, read from React 19's own source: the work loop, the fiber tree, keys, commit and concurrent rendering. - [The Event Loop](https://labs.rizki.id/eventloop): An interactive tutorial on the JavaScript event loop, from first principles: fourteen short programs traced through the call stack, microtasks and tasks. - [The Rendering Pipeline](https://labs.rizki.id/renderpath): An interactive tutorial on the browser rendering pipeline, from bytes to pixels: parsing, style, layout, paint and compositing, measured in real Chrome. - [React Hooks](https://labs.rizki.id/reacthooks): An interactive tutorial on how React hooks really work, read from React 19's source: the hook list, the rules of hooks, Object.is and stale closures. - [Auth Flow](https://labs.rizki.id/authflow): An interactive tutorial on web authentication for frontend developers: OAuth 2.0, PKCE and JWTs traced step by step, then localStorage vs HttpOnly cookies. - [Space Objects](https://labs.rizki.id/spaceobjects): A gallery of stars, planets, moons and small worlds in 3D, the asset source for Ananda Rizki's astronomy projects, built from real data with full credits. ### Dashboards - [Library Dashboard](https://labs.rizki.id/librarydashboard): A library dashboard: today's desk numbers, borrowing trends, busiest hours, returns due, waiting lists and month-on-month comparisons. - [Plant Growth Monitor](https://labs.rizki.id/plantmonitor): A smart plant growth dashboard: monitor sunlight, water, soil pH and height in one place, with diagnostics that flag unusual data patterns early. - [NebulaPulse](https://labs.rizki.id/nebulapulse): A futuristic space-weather dashboard that simulates monitoring solar flares, auroras and solar wind with real-time charts and a sci-fi interface. - [Sales Dashboard](https://labs.rizki.id/salesdahsboard): A sales analytics dashboard showing company performance by region, with time-period and region filters and clear, colourful charts for quick insight. - [Study Tracker Dashboard](https://labs.rizki.id/studydashboard): A study analytics dashboard that shows learning progress over time, with time spent and subject-by-subject insights to track patterns and improvement. - [ProjectTracker](https://labs.rizki.id/freelancedashboard): A working time tracker and project dashboard for freelancers: run a timer per client, log hours, track progress and budgets, and see what's still unbilled. - [NutriTracker](https://labs.rizki.id/nutritiondashboard): A day-by-day nutrition tracker: what's left today, meals by time of day, energy split, top sources and a four-week trend against your own goals. - [LogisticsVision](https://labs.rizki.id/warehouse): A logistics warehouse dashboard: shipment trends, delivery categories and each warehouse's share, filtered by period and by any mix of five warehouses. - [Volcano](https://labs.rizki.id/volcano): A real-time volcano monitoring dashboard that simulates seismic activity, with live charts of the data and an alert when an eruption is detected. ### Games - [Color Mixer](https://labs.rizki.id/colormixer): A colour-mixing game for anyone who loves colour: guess the final colour from a given combination, with adjustable difficulty and theme options. - [Owl Mixer](https://labs.rizki.id/owlmixer): A colour-mixing quiz for children: two parent owls are paint colours, so guess their baby's colour. Twenty-five colours mixed by a real paint model. - [RocketPlus](https://labs.rizki.id/rocketplus): A maths game for kids: solve addition problems to fuel a rocket on its way to the moon, practising number skills in a playful space adventure. - [Crab&Stick](https://labs.rizki.id/crabstick): A Stick Hero-style game: grow the stick to just the right length to carry the crab across to the next pipe, and see how far you can get without falling. - [Crab&Stick 3D](https://labs.rizki.id/crabstick3d): Crab&Stick in 3D with Three.js: hold to grow a stick, drop it across the gap and walk the crab sideways to the next pipe without falling into the sea. - [Flappy Bird](https://labs.rizki.id/flappybird): A Flappy Bird remake with my own design: tap to keep the bird in the air and fly between the pipes for as long as you can survive. - [Marble Tailor](https://labs.rizki.id/marbletailor): A memory puzzle game: memorise where the marbles sit, then put each one back in the right spot by its shape and colour. How good is your memory? - [Sudoku](https://labs.rizki.id/sudoku): A modern Sudoku game to sharpen your mind, with a clean, sleek interface and a distinctive layout that sets it apart from traditional Sudoku apps. - [Jigsaw Puzzle](https://labs.rizki.id/jigzaw): A tile puzzle with twelve preset photos: swap and rotate the shuffled square tiles until the picture is whole again, racing your own clock. ### Apps - [Clock](https://labs.rizki.id/clock): Build your own analog clock with smooth real-time hands. Customise the face, hands, markings and numbers, and save your designs as themes in local storage. - [Pixelify](https://labs.rizki.id/pixelify): Turn any image into pixel art and download it as an HTML file you can host as a web page: a fun way to make and share retro-style pixel pictures. - [InveCalc](https://labs.rizki.id/invecalc): A compound interest calculator that shows how your investments grow over time. Adjust the numbers and watch your savings build year after year. - [Chat Widget](https://labs.rizki.id/chatwidget): A support chat widget seen from both sides: switch between an admin and customers to try quoted replies, read ticks, unread badges and a sorted inbox. - [Team Task Manager](https://labs.rizki.id/taskmanager): A team task management app with a dashboard that tracks how tasks are distributed across the team, their status and the overall completion rate. - [MrShop API Documentation](https://labs.rizki.id/apidocumentation): Developer documentation for a fictional e-commerce API: product, order and auth endpoints with example requests, responses and a light/dark theme. - [World Clock](https://labs.rizki.id/worldclock): An iOS-inspired world clock interface that shows the time across cities, fully responsive with smooth light and dark theme support. - [JS Playground](https://labs.rizki.id/jsplayground): A JavaScript playground: write code in one pane and see its output in the other, with each run in a web worker that can be stopped at any time. ### E-commerce - [Bike Studio](https://labs.rizki.id/bikestudio): A bike product configurator: change the colour, wheel size and gears, add accessories, and watch the bike update in real time as you build your own. - [AnyBricks](https://labs.rizki.id/anybricks): A LEGO brick product list where you recolour each brick right on its thumbnail, add it to the cart and change quantities without leaving the page. - [Feedback From](https://labs.rizki.id/feedbackfrom): A feedback form with smooth animations and playful interactions: it works like any standard form, but makes sharing your thoughts more enjoyable. - [Custom T-Shirt](https://labs.rizki.id/tshirt): A custom T-shirt designer: upload an image, place it wherever you like, and watch the price update with the size of your print, right on the product page. - [AudioPhile](https://labs.rizki.id/audeiophile): An e-commerce landing page for premium headphones with product highlights, customer reviews and an interactive form for writing your own review. - [Price Table](https://labs.rizki.id/pricetable): A modular pricing table for service businesses with clear package tiers, letting you customise a plan and see the price update in real time. - [Pricing Table 2](https://labs.rizki.id/pricetable2): Pricing for an architecture firm: three per-project packages in distinct tiers, plus a custom package you build service by service with a live total. - [Pre-order Landing Page](https://labs.rizki.id/cyclepro): A bold, dark landing page for pre-ordering a premium road bike, mixing brutalist design with a sleek UI to sell exclusivity and high performance. - [MagStore](https://labs.rizki.id/magazine): A product listing page for an online magazine shop, showing the covers in a sleek layout with a simulated, interactive add-to-cart flow. - [Shopping Cart](https://labs.rizki.id/shoppingcart): A clean shopping cart page with interactive quantity controls and a simulated coupon discount, designed for a smooth, simple checkout experience. ### Landing pages - [Cosmic Explorer](https://labs.rizki.id/cosmicexplorer): An interactive solar system landing page: explore planet facts, compare their stats side by side, and watch animated orbit simulations. - [Painter Landing Page](https://labs.rizki.id/painter): A clean landing page for painters to showcase their artwork and present their services to a wider audience, from past work to what they offer. - [Tattoo Artist](https://labs.rizki.id/tattoo): A bold landing page for tattoo artists to showcase their work and present their services, with a strong visual style built around the craft. - [Carpenter Landing Page](https://labs.rizki.id/furniture): A sleek, elegant landing page for professional furniture makers, clearly structured to show their craft and services and win new customers. ### Art - [Particle Network](https://labs.rizki.id/particlenetwork): An animated background of connected particles, fully customisable: tweak the count, speed, size, connection distance and colours to suit any interface. - [FlyFlow](https://labs.rizki.id/flyflow): A moonlit 3D forest full of fireflies: press and hold to call the swarm, then keep holding as they slowly learn to flash together in sync. - [Solar Bubble](https://labs.rizki.id/solarbubble): No JavaScript at all: a solar system in a glass bubble built from only HTML and CSS, with 3D orbits, planets lit by the Sun in phases, and Saturn's rings. ### Social media - [FunPoll](https://labs.rizki.id/funpoll): A social polling app where results stay hidden until you vote. Browse polls by category, sort them by votes or likes, and create your own. - [Questio.](https://labs.rizki.id/questio): A gamified Q&A app: spend coins to ask questions and earn coins by answering other people's, so being helpful keeps the conversation going. - [SuggestMe](https://labs.rizki.id/suggestme): A social app for everyday dilemmas: post a question, get yes/no votes from the community, and read the reason behind each vote before you decide. ### Sensors - [Headroom](https://labs.rizki.id/headroom): A head-tracked 3D room in the browser: your webcam follows your face and the view shifts with your head, so the screen becomes a window into depth.