README

description

A simple CMS project

Features

T.B.A.

Tech Stack

T.B.A.

Project Structure

T.B.A.

Getting Started

1 AI tools/co-pilot

2 Install dependencies:

cd 03_source/docker
./89_dc_up.sh

./03_mobile.sh
./02_cms_backend_bash.sh
./01_frontend_bash.sh

cd -

3 Run development server:

npm start

4 Build for production:

npm run build

5 Deploy to GitHub Pages:

npm run deploy

6 Test

npm test  # runs "react-scripts test"

Modular Design

Components follow CellX_Y naming convention where:

• X represents the row number
• Y represents the column number

Each component is self-contained with:

• Logic in index.tsx
• Styles in style.module.scss

Uptime Kuma Integration

The dashboard displays status badges from Uptime Kuma. Each badge shows:

• Service name
• Current status (up/down)
• Response time
• Uptime percentage

To add a new service:

1. Get the status ID from your Uptime Kuma instance
2. Create a new Cell component
3. Add the badge using ShowUptimeKumaBadge component