https://github.com/crane-cloud/frontend
Crane Cloud is an open source multi-cloud service layer for the deployment and management of cloud native applications in Africa. Crane Cloud provides Compute, network & storage services without lock-in.
https://github.com/crane-cloud/frontend
cloud cloud-computing cloudnativecomputing cranecloud cssmodules javascript kubernetes kubernetes-deployment react
Last synced: about 1 month ago
JSON representation
Crane Cloud is an open source multi-cloud service layer for the deployment and management of cloud native applications in Africa. Crane Cloud provides Compute, network & storage services without lock-in.
- Host: GitHub
- URL: https://github.com/crane-cloud/frontend
- Owner: crane-cloud
- Created: 2019-05-23T07:09:40.000Z (almost 7 years ago)
- Default Branch: develop
- Last Pushed: 2026-01-23T13:33:55.000Z (about 2 months ago)
- Last Synced: 2026-01-24T00:04:21.411Z (about 2 months ago)
- Topics: cloud, cloud-computing, cloudnativecomputing, cranecloud, cssmodules, javascript, kubernetes, kubernetes-deployment, react
- Language: TypeScript
- Homepage: https://cranecloud.io
- Size: 12.1 MB
- Stars: 10
- Watchers: 3
- Forks: 11
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# CraneCloud Frontend
Cloud management platform frontend built with:
- React + TypeScript - Core framework with type-safe development
- Mantine UI framework - Modern component library with theming support
- Vite build system - Fast development tooling with HMR and optimized production builds
- Kubernetes deployment workflows - Cloud-native CI/CD pipelines and cluster management
**Platform Capabilities:**
A modern web interface for managing cloud infrastructure across multiple providers. Provides real-time visibility into resource utilization, automated deployment pipelines, and secure access controls. Designed for scalability with dynamic dashboard configurations and API-driven architecture.
## Key Features
- Multi-cluster resource management
- Real-time monitoring dashboards
- Service deployment workflows
- User authentication and activity logging
- Payment integration (Flutterwave)
- Multi-environment configuration (Staging/Production)
## Development Setup
### Instructions
1. Ensure you have Node.js installed (v18+ recommended)
2. First uninstall your global Yarn and pnpm binaries (just leave npm). In general, you'd do this by running the following command:
```bash
npm uninstall -g yarn pnpm
```
3. Then install [Corepack](https://www.npmjs.com/package/corepack):
```bash
npm install -g corepack
```
4. Install dependencies:
```bash
yarn install
```
5. Start the development server:
```bash
yarn dev
```
### Core Scripts
- `dev` – Start Vite development server
- `build` – Production build
- `preview` – Preview production build locally
- `storybook` – Launch component storybook
### Testing & Quality
- `test` – Run full test suite (Vitest + typecheck + lint)
- `vitest:watch` – Interactive test watcher
- `lint` – Run ESLint and Stylelint
- `prettier:write` – Format codebase
## Testing Stack
- Vitest + React Testing Library
- Storybook for component development
- ESLint + Prettier code quality
- TypeScript type checking
- GitHub Actions CI/CD pipelines
## Documentation
- [Component Library](http://storybook.cranecloud.io)
- [API Documentation](https://api.cranecloud.io/apidocs/#)
- [Documentation](https://docs.cranecloud.io)