Getting Started

Get up and running with Gridova in just a few minutes

Download Gridova APK

Dapatkan versi terbaru aplikasi mobile Gridova untuk perangkat Android.

Prasyarat

Sebelum memulai, pastikan Anda telah menginstall Flutter SDK 3.12.2 atau lebih tinggi pada sistem Anda.

Kebutuhan Sistem

Flutter SDK 3.12.2 or higher
Dart 3.0.0 or higher
Android Studio or VS Code
Android device or emulator (Android 5.0+)
iOS device or simulator (iOS 11.0+) - optional

Mulai Cepat

1. Clone the Repository

Terminalbash

git clone https://github.com/brillianjs/gridova.git
cd gridova

2. Install Dependencies

Terminalbash

flutter pub get

This will install all required Flutter packages including google_fonts, device_preview, and intl.

3. Run the App

Terminalbash

# List available devices
flutter devices

# Run on connected device
flutter run

# Run on specific device
flutter run -d <device-id>

4. Login with Demo Account

Use these credentials to explore the app:

Email: admin@gridova.com
Password: admin123

Struktur Proyek

Understanding the Gridova project structure:

Project Structurebash

gridova/
├── lib/
│   ├── main.dart              # App entry point
│   ├── models/                # Data models
│   ├── screens/               # UI screens
│   ├── widgets/               # Reusable widgets
│   ├── services/              # API services
│   └── utils/                 # Helper functions
├── assets/
│   ├── images/                # Image assets
│   └── icons/                 # Icon assets
├── pubspec.yaml               # Dependencies
└── README.md

Konfigurasi

API Endpoint

Configure your API endpoint in the configuration file:

lib/config/api_config.dartdart

// lib/config/api_config.dart
class ApiConfig {
  static const String baseUrl = 'http://your-api-endpoint.com';
  static const String wsUrl = 'ws://your-websocket-endpoint.com';
  
  // ESP32 endpoints
  static const String sensorEndpoint = '/api/sensor';
  static const String relayEndpoint = '/api/relay';
}

Kustomisasi Tema

Gridova uses Material Design with custom teal theme:

lib/theme/app_theme.dartdart

import 'package:flutter/material.dart';

const primaryColor = Color(0xFF009688);  // Teal
const accentColor = Color(0xFF00796B);   // Dark Teal

final ThemeData gridovaTheme = ThemeData(
  primaryColor: primaryColor,
  colorScheme: ColorScheme.fromSeed(
    seedColor: primaryColor,
    brightness: Brightness.light,
  ),
  useMaterial3: true,
);

Siap!

Anda telah berhasil setup Gridova! Selanjutnya, pelajari cara install di berbagai platform atau jelajahi integrasi hardware.

Apa Selanjutnya?

Panduan Instalasi

Instruksi instalasi detail untuk semua platform

Setup Hardware

Hubungkan ESP32, sensor PZEM, dan modul relay

Dokumentasi API

Pelajari tentang REST API dan endpoint WebSocket

Konfigurasi

Kustomisasi environment dan pengaturan tema