Skip to content

MXWAR-86: Improve onboarding and first-use contributor workflow documentation#119

Open
AshutoshSingh058 wants to merge 1 commit into
openMF:devfrom
AshutoshSingh058:MXWAR-86-onboarding-docs
Open

MXWAR-86: Improve onboarding and first-use contributor workflow documentation#119
AshutoshSingh058 wants to merge 1 commit into
openMF:devfrom
AshutoshSingh058:MXWAR-86-onboarding-docs

Conversation

@AshutoshSingh058
Copy link
Copy Markdown

@AshutoshSingh058 AshutoshSingh058 commented May 21, 2026

Description

This PR improves onboarding and first-use contributor documentation for the React Web App.

The changes introduce:

  • a dedicated onboarding guide for new contributors
  • a first-time exploration workflow after login
  • sample entity creation flow (client, loan, repayment)
  • contributor-oriented architecture and folder structure references
  • debugging and migration notes for contributors exploring the React migration for the first time

The goal is to reduce onboarding friction and help contributors better understand the application structure, workflows, and development flow during initial setup and exploration.

Related issues and discussion

MXWAR-86

Screenshots, if any

New Contributor Onboarding Workflow Guide

Added a dedicated onboarding and first-use exploration guide to help contributors understand the application flow, entity lifecycle, and migration-related expectations during initial setup.

Onboarding Workflow Guide

Documentation-only change.

Checklist

  • If you have multiple commits please combine them into one commit by squashing them.

  • Read and understood the contribution guidelines at CONTRIBUTING.md.

Summary by CodeRabbit

  • Documentation
    • Added a developer onboarding guide outlining a first-time exploration workflow, high-level architecture, project folder structure, state-management and styling conventions, step-by-step instructions for adding new pages, and debugging guidance to help new contributors get started quickly.

Review Change Stack

@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented May 21, 2026

Warning

Rate limit exceeded

@AshutoshSingh058 has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 39 minutes and 38 seconds before requesting another review.

You’ve run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: d454d06e-17d2-42e0-b505-e60c1f0d81fb

📥 Commits

Reviewing files that changed from the base of the PR and between 5b3b802 and 4922685.

📒 Files selected for processing (1)
  • DEVELOPER_ONBOARDING_GUIDE.md
📝 Walkthrough

Walkthrough

Adds DEVELOPER_ONBOARDING_GUIDE.md: a 109-line contributor onboarding guide describing repo navigation, frontend architecture (React/TypeScript/Vite + OpenAPI Axios client), src/ layout, state/styling conventions, page-creation workflow, and debugging steps.

Changes

Developer Onboarding Documentation

Layer / File(s) Summary
Complete developer onboarding guide
DEVELOPER_ONBOARDING_GUIDE.md
New 109-line markdown guide introducing repository navigation, high-level architecture (REST/OpenAPI integration with Apache Fineract), src/ folder structure, Redux Toolkit vs local state guidance, Tailwind + ShadCN styling conventions, step-by-step instructions for adding pages using the generated OpenAPI Axios client, and troubleshooting for backend/environment/network/API issues.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

Suggested reviewers

  • alberto-art3ch
  • IOhacker

Poem

🐰 A hop through folders, a compass in hand,
React routes and OpenAPI mapped on the land,
From styling to state, each step in a line,
New devs find their path — the codebase feels fine!

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately captures the main change: a new contributor onboarding guide documentation (DEVELOPER_ONBOARDING_GUIDE.md) that improves first-use workflow documentation.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Copy Markdown

@coderabbitai coderabbitai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@DEVELOPER_ONBOARDING_GUIDE.md`:
- Line 7: Update the sentence that mentions the default testing credentials (the
example "mifos"/"password") to explicitly state these credentials are for
local/demo environments only and must never be used in shared, staging, or
production environments; add a clear warning sentence or callout immediately
after the existing line that directs contributors to use real credentials or
environment-specific secrets in non-local environments and to rotate/remove the
test account before any shared deployment.
- Line 48: Update the wording that describes src/components/ui/ in
DEVELOPER_ONBOARDING_GUIDE.md to avoid calling ShadCN “unstyled”: replace the
phrase "Primitive, unstyled components generated by ShadCN" with something like
"Pre-styled ShadCN components (Tailwind defaults) — customize/wrap instead of
editing freely" so it accurately reflects that shadcn/ui provides
Tailwind-default styled components intended for in-repo customization (unstyled
primitives come from Radix/Base UI).
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: d7e7eb42-e759-40ca-8db1-07a3b9baf859

📥 Commits

Reviewing files that changed from the base of the PR and between de779c0 and 99a88ed.

📒 Files selected for processing (1)
  • DEVELOPER_ONBOARDING_GUIDE.md

Comment thread DEVELOPER_ONBOARDING_GUIDE.md Outdated

## 🚀 First-Time Exploration Workflow

The best way to understand the architecture is to use the app! After logging in with the default testing credentials (e.g., `mifos`/`password`), contributors can follow this workflow to build a fast mental model of how the major components connect:
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor | ⚡ Quick win

Scope default credentials to local/demo environments only.

Please explicitly state these credentials are for local/demo setups only and must never be used in shared/staging/production environments.

Suggested doc tweak
-The best way to understand the architecture is to use the app! After logging in with the default testing credentials (e.g., `mifos`/`password`), contributors can follow this workflow to build a fast mental model of how the major components connect:
+The best way to understand the architecture is to use the app! For local/demo environments only, after logging in with default testing credentials (e.g., `mifos`/`password`), contributors can follow this workflow to build a fast mental model of how the major components connect. Never use default credentials in shared/staging/production environments.
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@DEVELOPER_ONBOARDING_GUIDE.md` at line 7, Update the sentence that mentions
the default testing credentials (the example "mifos"/"password") to explicitly
state these credentials are for local/demo environments only and must never be
used in shared, staging, or production environments; add a clear warning
sentence or callout immediately after the existing line that directs
contributors to use real credentials or environment-specific secrets in
non-local environments and to rotate/remove the test account before any shared
deployment.

Comment thread DEVELOPER_ONBOARDING_GUIDE.md Outdated
@AshutoshSingh058 AshutoshSingh058 force-pushed the MXWAR-86-onboarding-docs branch from 5b3b802 to 4922685 Compare May 21, 2026 08:28
Copy link
Copy Markdown
Contributor

@IOhacker IOhacker left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants