docs: implement comprehensive frontend documentation and setup guide

[tanishk-kh-07]

Addressed Issues:

Addresses Discord request from Atharva

Screenshots/Recordings:

N/A - This is a pure documentation update for the frontend README.

Additional Notes:

Hey team, as requested on Discord, I have completely updated the frontend/README.md.

It now includes:

• Clear prerequisites (Node.js/npm)
• Step-by-step local installation and run commands (npm install, npm run dev)
• Instructions for setting up the .env file with the Reown WalletConnect Project ID
• All available development scripts scraped from package.json

Let me know if you need any adjustments made!

AI Usage Disclosure:

We encourage contributors to use AI tools responsibly when creating Pull Requests. While AI can be a valuable aid, it is essential to ensure that your contributions meet the task requirements, build successfully, include relevant tests, and pass all linters. Submissions that do not meet these standards may be closed without warning to maintain the quality and integrity of the project. Please take the time to understand the changes you are proposing and their impact. AI slop is strongly discouraged and may lead to banning and blocking. Do not spam our repos with AI slop.

Check one of the checkboxes below:

• This PR does not contain AI-generated code at all.
• This PR contains AI-generated code. I have read the AI Usage Policy and this PR complies with this policy. I have tested the code locally and I am responsible for it.

I have used the following AI models and tools: Codex (to analyze package.json and generate accurate boilerplate commands from the workspace context) and Gemini (for workflow guidance).

Checklist

• My PR addresses a single issue, fixes a single bug or makes a single improvement.
• My code follows the project's code style and conventions
• If applicable, I have made corresponding changes or additions to the documentation
• If applicable, I have made corresponding changes or additions to tests
• My changes generate no new warnings or errors
• I have joined the Discord server and I will share a link to this PR with the project maintainers there
• I have read the Contribution Guidelines
• Once I submit my PR, CodeRabbit AI will automatically review it and I will address CodeRabbit's comments.
• I have filled this PR template completely and carefully, and I understand that my PR may be closed without review otherwise.

Summary by CodeRabbit

• Documentation
  • Rewrote the frontend README with app-specific overview, setup steps, environment variable guidance, and development notes.
  • Added clearer install, run, build, lint, and preview instructions for local development.

[coderabbitai]

Walkthrough

The frontend README.md is rewritten from a generic React/Vite template into Chainvoice-specific documentation, covering project description, prerequisites, local setup steps, environment variable usage, npm scripts, tech stack, and development notes.

Changes

Frontend README Rewrite

Layer / File(s)	Summary
Chainvoice frontend documentation frontend/README.md	Replaces generic template with project description, prerequisites, setup instructions, environment variable documentation (including WalletConnect ID and contract addresses), npm scripts, tech stack list, and development notes.

Estimated code review effort: 1 (Trivial) | ~5 minutes

Possibly related PRs

• StabilityNexus/Chainvoice#24: Documents VITE_WALLETCONNECT_PROJECT_ID, matching that PR's App.jsx change reading the same environment variable.

Suggested labels: Documentation

Poem

A README once plain and thin,
Now tells you how to dive right in—
Wallets connect, envs in place,
Chainvoice docs now show their face. 🐇📄
Hop along, dear dev, and read with glee!

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately summarizes the main change: a comprehensive documentation and setup guide for the frontend README.
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.

✨ 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

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[coderabbitai]

Actionable comments posted: 1

🤖 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 `@frontend/README.md`:
- Around line 15-43: The numbered setup steps in the frontend README are
triggering markdownlint MD029 because the ordered list markers are not
normalized. Update the list in the README so each step uses the same
ordered-list marker format, keeping the content and order unchanged while
preserving the rendered numbering; this should be done in the setup instructions
section that includes the commands for cd frontend, npm install, cp .env.example
.env, setting VITE_WALLETCONNECT_PROJECT_ID, and npm run dev.

🪄 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: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro

Run ID: d0378a7d-0ebb-494e-9356-e19a3dc44215

📥 Commits

Reviewing files that changed from the base of the PR and between 584c0dc and bb19e6d.

📒 Files selected for processing (1)

• frontend/README.md

[Atharva0506]

@kumawatkaran523 lgtm! can you review it