{"id":30341620,"url":"https://github.com/barkprotocol/tesla-dashboard-ui-ux","last_synced_at":"2026-02-13T05:44:20.335Z","repository":{"id":307429261,"uuid":"1029453772","full_name":"barkprotocol/tesla-dashboard-ui-ux","owner":"barkprotocol","description":"A real-time Tesla vehicle dashboard integrated with the Solana blockchain, featuring $BARK token utilities, NFT customization, wallet integration, and XP-based rewards for driving, staking, and more.","archived":false,"fork":false,"pushed_at":"2025-08-01T05:10:52.000Z","size":37,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-11T13:45:25.573Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/barkprotocol.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-07-31T04:41:04.000Z","updated_at":"2025-08-01T05:10:55.000Z","dependencies_parsed_at":"2025-07-31T08:31:05.665Z","dependency_job_id":"232c5cde-39a0-45d7-9e4a-17cd0f9bc099","html_url":"https://github.com/barkprotocol/tesla-dashboard-ui-ux","commit_stats":null,"previous_names":["barkprotocol/tesla-dashboard-ui-ux"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/barkprotocol/tesla-dashboard-ui-ux","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/barkprotocol%2Ftesla-dashboard-ui-ux","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/barkprotocol%2Ftesla-dashboard-ui-ux/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/barkprotocol%2Ftesla-dashboard-ui-ux/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/barkprotocol%2Ftesla-dashboard-ui-ux/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/barkprotocol","download_url":"https://codeload.github.com/barkprotocol/tesla-dashboard-ui-ux/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/barkprotocol%2Ftesla-dashboard-ui-ux/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29397143,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-13T04:26:15.637Z","status":"ssl_error","status_checked_at":"2026-02-13T04:16:29.732Z","response_time":78,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-08-18T09:48:45.905Z","updated_at":"2026-02-13T05:44:20.320Z","avatar_url":"https://github.com/barkprotocol.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚗 Tesla IoT Dashboard + BARK Protocol\n\nA real-time Tesla dashboard with Solana blockchain integration — combining $AI6 and $BARK token utilities, NFT skin rewards, wallet tracking, staking, APRS/WX packet transmission, SMS alerts, supply chain validation with Pyth, and payments with Solana Pay.\n\n![Architecture Diagram](./docs/architecture-diagram.png)\n\n---\n\n## 🚀 Key Features\n\n### 🚘 Tesla Vehicle Dashboard\n\n- Real-time vehicle state: driving, charging, parked\n- GPS trail rendering and interactive trip replay\n- Tire pressure, battery %, media playback, climate info\n- Cached vehicle state + offline fallback\n- API logs and dynamic polling intervals\n\n### 🔐 Solana Blockchain Integration\n\n- $BARK SPL Token tracking (BTC, SOL, USDC included)\n- Solana wallet connect (Phantom, Backpack, Solflare)\n- XP system + Anchor staking contract\n- NFT minting via **Metaplex**\n- NFT skin selection + Leaderboard\n- On-chain triggers using **Solana Actions** and **Dialect Blinks**\n- **Solana Pay** QR payment support for NFT skins and dashboard features\n\n### 🛰 APRS-IS Support\n\n- Configurable call sign, WX mode, passcode\n- EU APRS-IS packet transmission (position + temperature)\n- 30s while driving, 10min idle minimum update interval\n\n### 📲 Infobip SMS Notifications\n\n- Real-time driver alerts (optional)\n- Restrict to “Driving only” or “Always”\n- Message sender ID and API key configurable\n- All SMS stored to `data/sms.log`\n\n### 📦 Pyth Oracle Integration\n\n- Real-time Solana-based oracle pricing for:\n\n  - $AI6 / $BARK / SOL / USDC tokens\n  - Vehicle-linked supply chain assets (energy, battery usage)\n  \n- Cross-check pricing with on-chain Pyth feeds\n- Plug-in ready for AI-driven logistics forecasting\n\n---\n\n## 🛠 Architecture\n\n### 🧩 Frontend: Next.js + Tailwind + TypeScript\n\n| Route      | Description                                   |\n| ---------- | --------------------------------------------- |\n| `/`        | Tesla dashboard: vehicle state, XP, portfolio |\n| `/config`  | APRS, polling, SMS setup, caching             |\n| `/sms`     | SMS message logs                              |\n| `/history` | CSV trip logs + interactive replay map        |\n| `/vehicle` | Full raw vehicle snapshot                     |\n\nComponents include:\n\n- `WalletConnect`\n- `VehicleStatusCard`\n- `TripMap`\n- `TokenPortfolio`\n- `MediaPlayer`\n- `Leaderboard`\n- `NFTSkinSelector`\n\n### ⚙️ Backend: Node.js (Express) + SSE + Solana SDKs\n\n| Endpoint              | Description                               |\n| --------------------- | ----------------------------------------- |\n| `/api/state`          | Current vehicle state (live or cached)    |\n| `/api/occupant`       | Wake vehicle on occupant detection        |\n| `/api/config`         | Save/load APRS, SMS, polling, settings    |\n| `/stream/:vehicle_id` | Live SSE stream of vehicle data           |\n| `/apiliste`           | List of latest Tesla API variables/values |\n\nServices:\n\n- Tesla Poller: dynamic intervals, offline caching\n- Infobip SMS Service\n- APRS Packet Sender\n- CSV Trip Logger\n- Token Metadata Fetcher\n- Pyth Oracle Reader\n- NFT + Solana Actions + Metaplex Handler\n- Anchor staking pool client\n\n---\n\n## 🔗 Solana Integration Stack\n\n| Component                 | Role                                                  |\n| ------------------------- | ----------------------------------------------------- |\n| `@solana/web3.js`         | Blockchain interaction (transactions, token balances) |\n| `@project-serum/anchor`   | XP staking via Anchor contracts                       |\n| `@metaplex-foundation/js` | NFT minting and metadata via Metaplex                 |\n| `@solana/spl-token`       | SPL Token management for $BARK, etc.                 |\n| `@solana/pay`             | Solana Pay QR code generator and validator            |\n| `@pythnetwork/client`     | Real-time oracle feeds for supply chain validation    |\n| `@dialectlabs/sdk`        | On-chain event + alert triggers via Blinks            |\n\n---\n\n## 📦 Project Structure (Monorepo)\n\n```\n\n/apps\n├── frontend\n│   ├── components/\n│   ├── hooks/                  ← 🧠 Custom React hooks (useVehicleState, useWalletBalance, etc.)\n│   ├── types/                  ← 📚 TypeScript shared types (Vehicle, Trip, NFTMetadata, etc.)\n│   ├── lib/\n│   │   ├── supabase.ts         ← 📦 Supabase client for trip/session logs\n│   │   └── solana.ts           ← 🔗 Solana connection, wallet utils\n│   ├── api/                    ← 🔌 Optional API routes for frontend\n│   └── migrations/            ← 📜 DB schema changes, if using Supabase CLI\n├── backend\n│   ├── routes/\n│   │   ├── trip.ts             ← 🚗 POST/GET trip log data\n│   │   └── mint.ts             ← 🪙 Trigger NFT mint from trip stats\n│   ├── lib/\n│   │   ├── supabase.ts         ← 🔐 Supabase server SDK\n│   │   └── types.ts            ← 🔄 Shared backend types\n│   ├── services/\n│   ├── db/\n│   │   └── schema.sql          ← 🧩 Supabase SQL migrations\n│   └── cron/\n│       └── pythPoller.ts       ← ⏰ Poll Pyth oracle prices periodically\n/packages\n├── sdk\n│   ├── nft/\n│   ├── staking/\n│   └── actions/\n└── utils\n├── energy.ts              ← ⚡ Normalize Tesla energy usage to on-chain logic\n├── token.ts               ← 💰 Format SPL token balances\n└── analytics.ts           ← 📈 Drive stats → NFT metadata or DAO proposal input\n\n````\n\n---\n\n## 📦 Supabase (Postgres) Example\n\n```sql\ncreate table trips (\n  id uuid primary key default uuid_generate_v4(),\n  wallet text not null,\n  distance_km float,\n  duration_minutes int,\n  co2_saved_kg float,\n  metadata jsonb,\n  created_at timestamp default now()\n);\n\ncreate table payments (\n  id uuid primary key default uuid_generate_v4(),\n  wallet text not null,\n  amount float,\n  tx_signature text,\n  created_at timestamp default now()\n);\n````\n\n---\n\n## ⚙️ Environment Variables\n\n### `.env` (Frontend)\n\n```env\nNEXT_PUBLIC_SOLANA_NETWORK=devnet\nNEXT_PUBLIC_RPC_URL=https://api.devnet.solana.com\nNEXT_PUBLIC_MINT_API_URL=https://api.actions.barkprotocol.net/mint\nNEXT_PUBLIC_WALLET_ADDRESS=YOUR_WALLET\n```\n\n### `.env` (Backend)\n\n```env\nPORT=8013\nTESLA_API_KEY=mock-or-real-key\nSOLANA_NETWORK=devnet\nTOKEN_PROGRAM_ID=Tokenkeg...\nNFT_PROGRAM_ID=gEb7n...\nINFOBIP_API_KEY=your-infobip-key\nPYTH_PROGRAM_ID=your-pyth-program\n```\n\n---\n\n## 🔗 Backend Integrations\n\n### API Endpoints\n\n| Method | Endpoint      | Description                                                 |\n| ------ | ------------- | ----------------------------------------------------------- |\n| GET    | `/api/trips`  | Fetch user driving history                                  |\n| POST   | `/api/mint`   | Mint NFTs with drive-linked metadata                        |\n| GET    | `/api/prices` | Read real-time \\$BARK / \\$AI6 / SOL prices from Pyth oracle |\n\n---\n\n### React Hooks\n\n* `useTripHistory()` — Fetch and manage user trip logs.\n* `useMintNFT()` — Mint NFTs with metadata based on driving stats.\n* `usePythPrices()` — Subscribe to real-time token price updates.\n\n---\n\n## 🧪 Local Development\n\n\u003e **Prerequisites:** Node.js \u003e=16, npm/yarn, Supabase CLI (optional)\n\n### Backend\n\n```bash\ncd apps/backend\nnpm install\nnpm run dev\n```\n\nRuns backend API on [http://localhost:8013](http://localhost:8013)\n\n### Frontend\n\n```bash\ncd apps/frontend\nnpm install\nnpm run dev\n```\n\nRuns frontend app on [http://localhost:3000](http://localhost:3000)\n\n---\n\n## 🧑‍💻 Development Setup Prompt\n\nRun this command in your terminal to set up everything quickly:\n\n```bash\n# Clone repo, install deps and start all services concurrently\ngit clone https://github.com/your-org/tesla-bark.git\ncd tesla-bark\n\n# Install all packages in monorepo\nnpm install\n\n# Start frontend and backend concurrently (using `concurrently` or `turbo`)\nnpm run dev\n```\n\nYou can customize your `.env` files as needed:\n\n* `.env.local` for frontend config\n* `.env` for backend config\n\n---\n\n## 📜 License\n\nMIT License — see [LICENSE.md](LICENSE.md)\n\n---\n\n## 🤝 Contributing\n\nContributions welcome! PRs, issues, and feedback help improve this bridge between Tesla IoT, Solana blockchain, and real-world sustainability.\n\n---\n\n## 📫 Contact\n\nBARK Protocol Team — [contact@barkprotocol.net](mailto:contact@barkprotocol.net)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbarkprotocol%2Ftesla-dashboard-ui-ux","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbarkprotocol%2Ftesla-dashboard-ui-ux","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbarkprotocol%2Ftesla-dashboard-ui-ux/lists"}