chista-ui-starter

Welcome to chistadata UI starter kit. This kit is designed to accelerate UI development of chistadata dbaas-portal, providing a modular and efficient way to build and maintain components.

Features

• React : Utilizes React for building interactive and dynamic user interfaces.
• Tailwind : Utility first css framework.
• Vite : Bundles and optimizes code for efficient deployment
• Shared Components : Encourages component sharing for consistent user experiences.

Getting Started

Follow these steps to kickstart your developement using chistadata UI templates

npx chista-ui-starter

And follow prompts

Requirements

NodeJs

Project Structure

|-- public/
|-- src/
|   |-- components/
|   |   |-- SampleComponent/
|   |       |-- SampleComponent.tsx
|   |       |-- SampleComponent.test.tsx
|   |
|   |-- pages/
|   |   |-- SamplePage/
|   |       |-- api/
|   |       |-- components/
|   |       |-- types/
|   |       |-- ...
|   |-- shared/
|   |-- App.tsx
|   |-- index.css
|   |-- main.tsx
|   |-- ...
|-- ...

• public/ : Static assets and HTML templates.
• src/ : Soruce code for the main application.
• src/components/ : Microfrontend specific components.
• src/pages/ : Microfronend pages/views.
• src/shared/ : Shared components and utilities.
• App.tsx : Main application component.
• main.tsx : Entry point for the React Application.

Contributing

Contributions are welcome! If you encounter issues or have suggestions, please open an issue or create a pull request.