README.md

📱 Robot Car Controller App

This is the mobile application part of the ESP32 Robot Car project. Built with React Native and Expo, it provides a user-friendly interface to control your robot car in real-time.

🛠️ Technology & Languages

• Language: JavaScript (React Native)
• Framework: Expo SDK 52
• UI Components: Material Design Icons, Custom Styled Components
• HTTP Client: Fetch API (Native)

✨ Features

• Intuitive Controls: Simple directional pad for navigation.
• Real-time Feedback: Uses onPressIn and onPressOut events for precise motor control (Hold to move, release to stop).
• Responsive Design: Premium UI with gradients and modern iconography.

🛠️ Setup Instructions

Prerequisites

• Node.js
• Expo Go app on your mobile device (or an emulator).

Installation

1. Navigate to the frontend directory:

   cd robot-car-controller

2. Install dependencies:

   npm install

3. Configure the backend URL: Open App.js and update the sendCommand function with your backend's URL:

   const response = await fetch('YOUR_BACKEND_URL/control', { ... });

4. Start the app:

   npx expo start

5. Scan the QR code with the Expo Go app.

🕹️ Control Logic

The app sends specific character commands to the backend:

• Forward: F
• Backward: B
• Left: L
• Right: R
• Stop: S (Sent automatically when any button is released)

🎨 UI Details

• Primary Background: Deep blue gradient.
• Icons: MaterialIcons from @expo/vector-icons.
• Interactions: Subtle shadows and transparency effects for a premium feel.