A comprehensive dashboard for visualizing data from the Peat API.
- Description
- Screenshots
- Getting Started
- Installation
- API
- Project Structure
- Technologies Used
- License
Peat Dashboard is a Flutter-based application designed to display real-time data fetched from the Peat API.
It uses environment variables to securely configure the API connection and authentication, ensuring flexibility and
protection of credentials.
- Flutter SDK installed
- A device or emulator set up for Flutter (Chrome recommended)
Follow the steps below to set up and run the project locally.
- Clone the repository
git clone https://github.com/viniciusmecosta/PeatDashboard.git
cd PeatDashboard- Create a
.envfile in the project root, based on theassets/example.envfile. Example content:
BASE_URL=http://127.0.0.1:8002
API_TOKEN=your_token_hereThis file is required to connect the application to the API.
- Install dependencies
flutter pub get- Run the application
flutter runWhen prompted to select a device, choose Chrome for best compatibility.
This application consumes data from the Peat Data API, which serves as the backend providing all the information displayed on the dashboard.
PeatDashboard/
├── android/ # Android platform-specific files
├── assets/ # Images, fonts, and other assets
│ ├── fonts/ # Custom fonts
│ └── Screens/ # Screenshot images
├── ios/ # iOS platform-specific files
├── lib/ # Main application source code
│ ├── models/ # Data models for the application
│ ├── screens/ # UI screens (pages)
│ ├── services/ # Services for API communication
│ ├── utils/ # Utility functions and helpers
│ └── widgets/ # Reusable UI components
├── web/ # Web platform-specific files
├── .env # Environment variables (create this)
└── README.md
The main libraries and technologies used in this project include:
- State Management:
provider - Charts:
fl_chart - UI:
google_fonts,sleek_circular_slider - HTTP Requests:
http - Maps:
flutter_map,latlong2 - Environment Variables:
flutter_dotenv - Utilities:
intl,url_launcher









