The Zeroplat Frontend is built on React.js, providing a fast, modular, and scalable user interface for low-code/no-code application development. It is designed with developer productivity and user experience in mind, offering a component-driven architecture, responsive layouts, and seamless integration with the backend powered by ABP.io.
By leveraging modern frontend practices and libraries, Zeroplat ensures that applications are not only functional but also intuitive, dynamic, and customizable.
Key Characteristics
- React.js Powered
A component-based architecture ensures reusability, modularity, and maintainability. - State Management
Built with popular state management libraries (e.g., Redux or Zustand) for predictable state flows across applications. - TypeScript Support
The frontend is developed using TypeScript, ensuring type safety, better tooling, and reduced runtime errors. - API-First Integration
Communication with the backend is done via REST or GraphQL APIs, following a strict contract-based integration model. - Responsive & Mobile-Ready
UIs adapt seamlessly to different devices with modern CSS frameworks and responsive design techniques. - UI Component Library
Includes a rich set of ready-to-use UI components (tables, forms, charts, modals, etc.), accelerating development. - Theming & Customization
Support for dark/light themes, custom styling, and brand-specific UI extensions.
Frontend Architecture
The Zeroplat frontend is structured into well-defined modules for clarity and scalability:
- Core Module
- Base layout, navigation, and authentication handling.
- UI Components
- Reusable building blocks such as buttons, modals, forms, tables, charts, etc.
- Pages / Screens
- High-level views that use components and integrate with the backend.
- State Management Layer
- Centralized state handling for application consistency.
- Services Layer
- API clients and utility functions for communication with the backend.
- Theming & Styling
- Customizable styles built with TailwindCSS, ensuring responsive, utility-first design.
Benefits of Zeroplat Frontend
Developer-Friendly – React.js + TypeScript + modern tooling (Vite, Webpack, ESLint, Prettier) improve productivity.
- Consistency – A unified design system across all modules ensures a consistent user experience.
- Performance – Leveraging React’s virtual DOM and optimized rendering strategies for fast interactions.
- Extensibility – Developers can easily extend or override built-in components.
- Maintainability – Modular structure simplifies updates and long-term maintenance.
Common Use Cases
- Building admin dashboards with drag-and-drop widgets.
- Creating dynamic data-driven forms connected to backend APIs.
- Designing interactive reports and visualizations with chart libraries.
- Managing user roles, permissions, and tenant-based views.
Next Steps
- Getting Started with Frontend – How to set up the development environment.
- Component Library – Explore the built-in UI components.
- Theming & Customization – Learn how to adapt the look and feel.
- Connecting to Backend – API integration best practices.