CodeMate Web App
CodeMate Web App provides access to the core features of CodeMate outside of VS Code or Terminal. It can be accessed from any web browser across desktop or phone, which makes it easy to access CodeMate on the go.
Setup
To access the CodeMate Web App, simply navigate to https://app.codemate.ai in a new tab. The web app can also be installed as an application for quick access & opening in its own dedicated window.
Upon successful sign-in, the following interface will become visible:
Usage
CodeMate Web App comprises of the following components:
Dashboard:
Profile: View your name, role (e.g., AI/ML), license info, and your current coding streak.
Time Saved: Tracks how many days/hours CodeMate has saved you by speeding up your development process.
Efficiency: Shows how much more efficient you are compared to normal coding speed (as a %).
Lines of Code & Time Saved: Graphical view of how many lines you’ve written and the time saved each month.
Activity Monitor: Insights into your usage, including:
Number of reviews
Debugs
Optimizations
Token usage
Programming Language Breakdown: Automatically detects and displays the percentage of code written in different languages (e.g., Python, JavaScript, JSX, HTML, etc.).
This dashboard helps you track progress, measure productivity, and stay motivated.
Build:
The Build Agent streamlines the creation of frontend applications by automating the entire project setup process. Instead of manually configuring folders, frameworks, and starter files, you can focus entirely on writing meaningful code - CodeMate takes care of the rest.
Key Features
Stack Selection Easily choose from a wide range of technology stacks (frontend, backend, or full-stack) based on your project requirements.
Automated Project Setup Generate boilerplate code, folder structures, and config files with a single click — no more repetitive scaffolding.
AI-Powered Customization Personalize and refine the generated code using AI agents to better align with your use case or coding preferences.
Accessing the Feature
You can launch the Build Agent directly from the CodeMate Build Interface within your dashboard.
Chat: The CodeMate AI chat interface inside dashboard is a powerful tool designed to accelerate development workflows by providing real-time, intelligent assistance within your dashboard. Whether you're authoring new code, resolving bugs, or optimizing existing logic, this interface offers a seamless and contextual development experience.
3.1 Generate High-Quality Code
Description: Translate natural language instructions into clean, functional, and production-ready code. This feature supports rapid prototyping, code scaffolding, and automation of routine programming tasks, significantly reducing manual effort and coding time.
3.2 Ask Specific Questions About Your Code
Description: Get accurate, context-aware answers to technical queries. Whether you're trying to understand a specific behavior, resolve a logic issue, or clarify a concept, this feature delivers reliable guidance tailored to your code and environment.
3.3 Modify Existing Code
Description: Submit your current codebase and describe the changes you want. From performance optimization and feature enhancements to bug fixes and refactoring, the system intelligently interprets both your code and intent to generate updated, improved versions.
Additional Capabilities
@Knowledge Bases: Mention integrated documentation or code sources for more accurate and context-sensitive responses.
Multi-Modal Input: Interact using typed commands, voice instructions, or file uploads for maximum flexibility.
Support & Resources
Education Access: app.codemate.ai/chat
Docs & Guides: docs.codemate.ai
Support: Reach out via the in-app help center or email: [email protected]
Last updated
Was this helpful?