Technical Blog Article — App 38: Interactive Quiz with React, TypeScript, Vite, and Fluent UI The React roadmap defined for this project contains 100 progressive applications focused on internalizing the React mental model through repetition, architecture, and practical implementation. App… Continue reading

App 37: Voting Panel with React, TypeScript, Vite, and Fluent UI App 37 is the Voting Panel, part of Block 2 — Interactivity and State, where the roadmap defines App 37 as “Painel de Votação / Voting Panel.” The corrected… Continue reading

Technical Blog Article — App 36: Installment Payment Simulator with React, TypeScript, Vite, and Fluent UI The thirty-sixth application in the React + Fluent UI roadmap is one of the most important applications in the entire “Managing State” learning phase… Continue reading

Technical Blog Article — App 35: BMI Calculator with React, TypeScript, Vite, and Fluent UI The BMI Calculator is one of the most important applications in the entire learning roadmap because it introduces one of the core principles of modern… Continue reading

Technical Blog Article — App 34: Building a Currency Converter with React, TypeScript, Vite, and Fluent UI Modern React applications are fundamentally built around one central idea: The user interface is a function of state. App 34 — Currency Converter… Continue reading

Technical Blog Article — App 33: Building a Contact Agenda with React, TypeScript, Fluent UI, and Controlled Components Modern React applications are fundamentally built around one central idea: This idea may sound simple initially, but it completely changes how frontend… Continue reading

Technical Blog Article — App 32: Inventory Control with React, TypeScript, Vite, and Fluent UI Modern enterprise applications frequently revolve around one central concept: managing data visually and interactively. One of the most common examples is inventory management. Warehouses, stores,… Continue reading

Technical Blog Article — App 31: Grade Simulator with React, TypeScript, Fluent UI, and Derived State Modern React applications are not built by manually manipulating the DOM or writing imperative UI logic. Instead, React applications are built by describing how… Continue reading

Technical Blog Article — App 30: Building a Shopping Cart with React, TypeScript, Vite, and Fluent UI The Shopping Cart is one of the most important exercises in frontend engineering because it introduces a central React concept: The interface is… Continue reading

Technical Blog Article — App 29: Employee Search with React, TypeScript, Vite, and Fluent UI App 29 — Employee Search is one of the most important applications in Block 2 — Interactivity and State because it introduces one of the… Continue reading

Technical Blog Article — App 28: Product Filter with React, TypeScript, Vite, and Fluent UI The Product Filter application is one of the most important milestones in the entire React learning roadmap because it introduces the true React mental model… Continue reading

Technical Blog Article — App 27: Building a Shopping List with React State, map(), filter(), and Fluent UI The twenty-seventh application in the React + Fluent UI learning roadmap is App 27 — Shopping List. This application belongs to Block… Continue reading

Building a Complete Interactive ToDo List with React, TypeScript, Vite, and Fluent UI Modern React development is not only about displaying static interfaces anymore. Real applications require interaction, state management, dynamic rendering, user input handling, and predictable UI updates. One… Continue reading

Technical Blog Article — App 25: User Registration with React, TypeScript, Fluent UI, and Controlled Forms App 25 — User Registration represents one of the most important transitions in the entire React learning roadmap. Until now, most applications in Block… Continue reading

Technical Blog Article — App 24: Login Form with React State, TypeScript, and Fluent UI App 24 is one of the most important applications in the entire React learning roadmap because this is the moment where React stops being “static… Continue reading

Building a React Calculator with React State, TypeScript, Vite, and Fluent UI The calculator is one of the most important learning exercises in frontend development because it forces the developer to understand how user interaction changes application state and how… Continue reading

Building a Theme Toggle Application with React, TypeScript, Vite, and Fluent UI Modern React applications are no longer static pages. One of the core ideas behind React is that the user interface changes dynamically according to application state. The moment… Continue reading

Building Your First Interactive React Application — Understanding State with App 21 Modern Counter The transition from Block 1 to Block 2 is one of the most important moments in the entire React learning journey. In Block 1, the applications… Continue reading

The Complete React + Fluent UI Learning Journey — 100 Enterprise Applications Explained The 100 React + Fluent UI Apps Project was designed as a complete roadmap for mastering modern React architecture using: The entire roadmap is based on the… Continue reading

Closing Block 1 — Understanding the Complete React Rendering Flow Block 1 of the 100 React + Fluent UI Apps project established the architectural foundation of modern React development. The goal was never only to build visual interfaces, but to… Continue reading

Building a Microsoft-Style Landing Page with React, Vite, TypeScript, and Fluent UI Modern frontend applications are no longer simple collections of HTML pages connected with links and JavaScript snippets. Enterprise applications today require scalability, component architecture, design consistency, accessibility, maintainability,… Continue reading

Building a Corporate File Explorer with React, TypeScript, Vite, and Fluent UI The eighteenth application in the 100 React + Fluent UI Apps roadmap is App 18 — File Explorer. This project introduces one of the most common enterprise application… Continue reading

Building a SharePoint-Style Enterprise Portal with React, TypeScript, Vite, and Fluent UI Modern enterprise portals are no longer simple collections of HTML pages linked together manually. Platforms like Microsoft SharePoint Online introduced a new way of thinking about business applications:… Continue reading

Building a Static Financial Dashboard with React, Vite, TypeScript, and Fluent UI Modern enterprise applications frequently start with dashboards. Before developers build APIs, authentication systems, dynamic filters, charts, or complex business logic, they first establish the visual architecture of the… Continue reading

Technical Blog Article — App 15: Building an Enterprise News Portal with React, Vite, TypeScript, and Fluent UI The fifteenth application in the React + Fluent UI learning roadmap is App 15 — News Page. This application introduces a very… Continue reading

Building a Football Teams Dashboard with React, Vite, TypeScript, and Fluent UI The fourteenth application in the 100 React + Fluent UI Apps learning roadmap is App 14 — Football Teams List. This project continues the first learning block focused… Continue reading

Building a Netflix-Style Movie Catalog with React, TypeScript, Vite, and Fluent UI The thirteenth application in the 100 React + Fluent UI Apps roadmap is App 13 — Movie Catalog. This project introduces a Netflix-inspired catalog interface built with modern… Continue reading

Building an Enterprise Image Gallery with React, Vite, TypeScript, and Fluent UI App 12 — Image Gallery is one of the most important applications in the first block of the React learning roadmap because it introduces something fundamental to modern… Continue reading

Technical Blog Article — App 11: Enterprise Grid of Cards with React, TypeScript, Vite, CSS Grid, and Fluent UI App 11 — Grid of Cards — is one of the most important foundational applications in the entire React + Fluent… Continue reading

Deep Technical Article — App 10: Building an Enterprise Outlook-Style Email List with React, TypeScript, Vite, JSX, ReactDOM, and Fluent UI Modern frontend engineering is no longer about manually creating HTML pages and attaching JavaScript events afterward. Modern React applications… Continue reading

Building a Microsoft-Style Employee Table with React, Vite, TypeScript, and Fluent UI App 09 — Employee Table is one of the most important foundational exercises in the React + Fluent UI roadmap because it introduces one of the most common… Continue reading

Technical Blog Article — App 08: Timeline of Events with React, TypeScript, Vite, and Fluent UI App 08 — Timeline of Events — continues the first learning block of the React + Fluent UI roadmap. This app still belongs to… Continue reading

Building a Complete Enterprise React Learning Roadmap with Fluent UI, Vite, and TypeScript Modern React development is no longer just about learning how to render buttons or update text on the screen. Professional frontend engineering today requires understanding architecture, rendering… Continue reading

Technical Blog Article — App 07: Building a Visual Task List with React, TypeScript, Vite, and Fluent UI The seventh application in the React + Fluent UI roadmap is App 07 — Visual Task List. This project continues the first… Continue reading

Corporate Sidebar Menu with React, Vite, TypeScript, and Fluent UI Introduction In App 06 — Corporate Sidebar Menu, we move from small isolated UI examples into a more realistic enterprise layout. This application introduces one of the most common structures… Continue reading

App 05: Building a Static Business Dashboard with React, TypeScript, Vite, and Fluent UI App 05 is Static Business Dashboard, part of Block 1 of the 100 React + Fluent UI project. In the project roadmap, App 05 belongs to… Continue reading

Building a Microsoft-Style User Card Application with React, TypeScript, Vite, and Fluent UI Modern React development is not just about rendering HTML with JavaScript. Enterprise frontend applications require architecture, component composition, design systems, scalability, accessibility, and maintainability. One of the… Continue reading

Building a Modern Product List with React, TypeScript, Vite, and Fluent UI Modern React development is not about manually manipulating HTML pages anymore. Professional frontend engineering today revolves around components, declarative rendering, reusable UI architecture, and scalable design systems. One… Continue reading

Building a Modern Profile Card with React, TypeScript, Vite, and Fluent UI The second application in the “100 React + Fluent UI Apps” journey focuses on one of the most important concepts in modern React development: component composition with props.… Continue reading

App 01 — Hello React Fluent Building the First Enterprise React Application with Vite, TypeScript, Fluent UI, and Modern React Architecture The first application of the 100 React + Fluent UI Apps Project is intentionally simple visually, but architecturally it… Continue reading