React Dashboard & Backend API for Wally

[diogocarrola]

Hi @JLW-7 👋🏻

I’m excited to share this first iteration of the Wally React dashboard, along with a minimal Node.js backend.
This PR lays the groundwork for device management, testing and future collaboration.

Frontend (React)

• Sidebar navigation with three main views:
  • Device Status: Displays online/offline state, battery, signal and firmware version.
  • Logs: Shows recent device/system logs.
  • Configuration: Allows Wi-Fi and language setup.
• Responsive layout with loading and error handling.
• Mock API integration for seamless UI testing.

Backend (Node.js)

• Express server with CORS enabled for local development.
• API Endpoints:
  • GET /api/status – Device status
  • GET /api/logs – Device logs
  • GET/POST /api/config – Device configuration
• Ready for extension to real device data or persistent storage.

Suggestions & Questions

• Integration: Should the dashboard connect directly to the ESP32 device, or should the backend act as a bridge/proxy?
• Data Model: Are there additional fields or device states you’d like to see?
• Authentication: Should we add authentication for the API endpoints?
• Persistence: Is it useful to persist logs/config in a database, or is mock data sufficient for now?
• Internationalization: Should the dashboard support multiple languages from the start?

Next Steps (If Approved)

• Expand backend for real device integration (MQTT, WebSocket, serial, etc.)
• Add advanced features: OTA updates, device discovery, real-time log streaming.
• Continue improving UI/UX and add tests.
• Document setup and contribution guidelines for new collaborators.

Thank you for reviewing!
Looking forward to your feedback and ideas.

@diogocarrola

[JLW-7]

Hi @diogocarrola
I'm so sorry for the very very late response, I am currently reviewing your changes and will provide an answer to your Suggestions and Questions soon.
Thank you so much for your hard work on this project!
@JLW-7