Break Down Complex Codebases with WonderChat AI

Leverage WonderChat AI to quickly understand and navigate unfamiliar or complex GitHub repositories, directly from your phone.

WonderChat AI empowers you to effortlessly explore and understand Git repositories, providing a powerful way to break down complex codebases directly from your phone. This guide walks you through the process of connecting a repository and extracting insights.

Prerequisites

Ensure you have access to WonderChat AI on your phone and a publicly accessible HTTPS Git repository (e.g., GitHub, GitLab, Bitbucket).

Steps

1. Create a WonderChat AI Project

To begin, create a new project within WonderChat AI connected to your target repository:

  1. Select ‘Public’: When prompted for project type, choose ‘Public’.
  2. Paste Repository Link: Provide the full HTTPS clone URL of the public GitHub repository (or any other cloneable public HTTPS Git repository).
  3. Confirm Project Creation: WonderChat AI will clone the repository and set up your project.

2. Open Your Project

Navigate to your project list view within WonderChat AI and select the newly created project to open its chat interface.

3. Get a High-Level Overview

Start by asking WonderChat AI for a general explanation of the entire codebase. This will give you an initial understanding of its purpose, technologies used, and overall architecture.

explain this codebase to me

4. Explore the File Structure

To visualize the repository’s organization, request an ASCII tree representation of its file and directory structure.

show file structure in an ascii tree format

5. Dive into Specifics

Once you have a general understanding, you can request details about specific files or modules to gain deeper insights.

explain the purpose of src/utils/helpers.js and how it's used

6. Tracing Module Usage

To understand dependencies and impact, ask where a specific module or component is being used across the codebase. WonderChat AI can help you trace its imports and calls.

Where is the 'AuthService' module used in this project?

7. Planning New Features

When implementing a new feature, WonderChat AI can guide you on where to begin and which files might be affected or need creation.

I want to implement a new user profile editing feature. Where should I start, and what files might I need to modify or create?

8. Analyzing Functions for Bugs and Optimizations

Provide WonderChat AI with a specific function or code snippet and ask it to identify potential bugs or suggest optimizations. WonderChat AI displays code in snippets and full files, all with syntax highlighting, making it easy to review.

Read the 'calculateTotal' function in src/utils/cart.js. Are there any potential bugs or areas for optimization?

By following these steps, you can effectively use WonderChat AI to quickly onboard onto new projects, troubleshoot issues, plan new features, or simply learn more about how different parts of a codebase function, all from the convenience of your phone.