--- title: I built an Architecture Intelligence tool for React &... description: Arcovia is an open-source architecture intelligence tool for React and Next.js projects, built during the OpenAI Build Week Hackathon. It performs... canonical: https://daily.dev/posts/i-built-an-architecture-intelligence-tool-for-react-next-js-during-the-openai-build-week-hackathon-3gdqv0bso twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: I built an Architecture Intelligence tool for React & Next.js during the OpenAI Build Week Hackathon | daily.dev og:description: Arcovia is an open-source architecture intelligence tool for React and Next.js projects, built during the OpenAI Build Week Hackathon. It performs... og:url: https://daily.dev/posts/i-built-an-architecture-intelligence-tool-for-react-next-js-during-the-openai-build-week-hackathon-3gdqv0bso og:image: https://api.daily.dev/og/posts/3gDQV0Bso.png og:image:alt: I built an Architecture Intelligence tool for React & Next.js during the OpenAI Build Week Hackathon og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # I built an Architecture Intelligence tool for React & Next.js during the OpenAI Build Week Hackathon **[Fullstack Developer](https://daily.dev/sources/fullstackdeveloper)** · [@ghazikhandev](https://daily.dev/ghazikhandev) · 2 min read · 1 upvotes · 0 comments ## Summary Arcovia is an open-source architecture intelligence tool for React and Next.js projects, built during the OpenAI Build Week Hackathon. It performs deterministic static analysis — parsing projects, building dependency graphs, and evaluating architecture rules — to produce an interactive HTML report with an architecture health score, hotspot detection, maintenance burden metrics, and actionable findings. AI was used to accelerate development but not to make architectural judgments. The author is seeking feedback from developers working on medium-to-large React codebases on what architectural issues to detect and how to measure architecture health. ## Content This weekend, I participated in the **OpenAI Build Week Hackathon** and decided to build something I'd wanted for a long time. Most tools help us improve **code quality**. They point out lint errors, unused variables, or formatting issues. I wanted a tool that helps answer a different set of questions: - Is my project architecture healthy? - Which modules are becoming architectural bottlenecks? - Where should I prioritize refactoring? - Why did this project receive its architecture score? That became **Arcovia**. Instead of relying on AI to review code, Arcovia performs **deterministic analysis**. It parses your React or Next.js project, builds a dependency graph, evaluates architecture rules, and generates an interactive HTML report with: - Architecture Health Score - Dependency Graph - Architecture Hotspots - Explainable Score Breakdown - Maintenance Burden - Actionable Findings One design decision I'm particularly happy with is separating the analysis from AI. The architecture analysis itself is deterministic and reproducible. AI helped me **build the product**, but it isn't responsible for deciding whether your architecture is good or bad. Building this over a single weekend was also my first experience using **GPT-5.6 and Codex as engineering collaborators**. They helped me iterate much faster on the architecture, scoring engine, reports, and developer experience. I also used ChatGPT Images to create the branding and mascot. The project is now open source, but I'm not posting this just to share it. I'm looking for feedback from developers who work on medium or large React codebases. Some questions I'd love your thoughts on: - What architectural issues would you want a tool like this to detect? - How would you measure architecture health? - Would an architecture score influence your refactoring priorities? If you're interested in taking a look: **GitHub:** [https://github.com/gkhan205/arcovia](https://github.com/gkhan205/arcovia) I'd genuinely appreciate any feedback, ideas, or criticism. The project is still in its early stages, and real-world usage will help shape where it goes next. ## Similar posts on daily.dev - [AI Productivity for React Developers in 2026](https://daily.dev/posts/ai-productivity-for-react-developers-in-2026-zxhgjjr71) · Telerik · 5 upvotes · 1 comments - [The Build Did Not Start With Code](https://daily.dev/posts/the-build-did-not-start-with-code-n4tjox7f7) · Medium · 0 upvotes · 0 comments --- Tags: [#react](https://daily.dev/tags/react), [#open-source](https://daily.dev/tags/open-source), [#architecture](https://daily.dev/tags/architecture), [#nextjs](https://daily.dev/tags/nextjs) [View this post on daily.dev](https://daily.dev/posts/i-built-an-architecture-intelligence-tool-for-react-next-js-during-the-openai-build-week-hackathon-3gdqv0bso) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/i-built-an-architecture-intelligence-tool-for-react-next-js-during-the-openai-build-week-hackathon-3gdqv0bso","headline":"I built an Architecture Intelligence tool for React & Next.js during the OpenAI Build Week Hackathon","text":"Arcovia is an open-source architecture intelligence tool for React and Next.js projects, built during the OpenAI Build Week Hackathon. It performs deterministic static analysis — parsing projects, building dependency graphs, and evaluating architecture rules — to produce an interactive HTML report with an architecture health score, hotspot detection, maintenance burden metrics, and actionable findings. AI was used to accelerate development but not to make architectural judgments. The author is seeking feedback from developers working on medium-to-large React codebases on what architectural issues to detect and how to measure architecture health.","url":"https://daily.dev/posts/i-built-an-architecture-intelligence-tool-for-react-next-js-during-the-openai-build-week-hackathon-3gdqv0bso","datePublished":"2026-07-19T13:10:10.515Z","dateModified":"2026-09-13T20:49:21.556Z","author":{"@type":"Person","name":"Ghazi Khan","url":"https://daily.dev/ghazikhandev","image":"https://avatars.githubusercontent.com/u/24544854?v=4","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":2820}},"image":"https://media.daily.dev/image/upload/s--X8A3rJFq--/f_auto/v1784466615/posts/3gDQV0Bso?_a=BAMAMicg0","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/squads/fullstackdeveloper","name":"Fullstack Developer"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Fullstack Developer","item":"https://daily.dev/squads/fullstackdeveloper"},{"@type":"ListItem","position":3,"name":"I built an Architecture Intelligence tool for React & Next.js during the OpenAI Build Week Hackathon"}]} ```