Lab Belay Frontend Documentation
Welcome to the comprehensive documentation for the Lab Belay frontend application. This documentation will help you understand the architecture, components, and development practices used in our laboratory management system.
🚀 Getting Started
New to Lab Belay? Start here to learn about the project structure and how to set up your development environment.
Get Started →🏗️ Frontend Architecture
Understand the Next.js app structure, React patterns, and state management used throughout the application.
Learn Architecture →🧩 Components
Explore the reusable UI components, form patterns, and data display components available in the system.
Browse Components →⚡ Features
Deep dive into the core features like chemical management, equipment tracking, and safety compliance.
Explore Features →💡 Quick Tips
- • Use the search bar above to quickly find specific topics
- • Navigate using the left sidebar to browse all documentation sections
- • All code examples are copy-paste ready
- • Click "Go to App" to access the live Lab Belay application
What is Lab Belay?
Lab Belay is a comprehensive laboratory management system designed for scientific research facilities. It manages chemical inventory, equipment tracking, safety compliance, and recurring maintenance tasks with a strong focus on automated safety calculations and regulatory compliance.
Key Features
- Chemical Management: Track chemicals with automatic safety rating calculations
- Equipment Tracking: Monitor equipment status, maintenance, and documentation
- Lab Management: Organize physical lab spaces with QR code integration
- Safety Compliance: Automated NFPA 704 hazard ratings and safety protocols
- Task Management: Recurring maintenance and compliance tasks
Technology Stack
- Frontend: Next.js 15 with React, TypeScript, and Tailwind CSS
- State Management: React Query for server state and React hooks for client state
- Authentication: Clerk for user management and authentication
- UI Components: Shadcn/ui component library
- Deployment: Vercel for frontend hosting