Skip to main content

​
Overview

Your vehicle garage lets you store information about all the cars you regularly park. You can add multiple vehicles and quickly select them when making reservations.
You must have at least one registered vehicle before you can make a parking reservation.

​
Accessing Your Garage

From the main menu:
  1. Tap the hamburger menu (☰)
  2. Select “Mi Garaje”
  3. Your vehicle list appears with all registered cars

​
Adding a New Vehicle

1

Open Add Vehicle Form

Tap the yellow floating action button (+ icon) in the bottom-right corner
2

Fill Vehicle Details

Complete the form with your vehicle information (see fields below)
3

Save Vehicle

Tap “Guardar Auto” to add the vehicle to your garage

​
Vehicle Form Fields

​
Required Fields

​
plate
string
required
License Plate / MatrículaYour vehicle’s license plate number. Automatically converted to uppercase and spaces are removed.Examples: ABC-123, XYZ789, ABC 1234
​
brand
string
required
Brand / MarcaThe vehicle manufacturer.Examples: Toyota, Honda, Ford, Chevrolet

​
Optional Fields

​
alias
string
Nickname / ApodoA friendly name to identify your car. If not provided, defaults to "Brand Model".Examples: "Mi Carro", "El Rojo", "Auto de Papá"
​
model
string
Model / ModeloThe specific model of your vehicle.Examples: "Corolla", "Civic", "F-150"
​
color
string
ColorThe primary color of your vehicle.Examples: "Rojo", "Gris", "Blanco", "Negro"

​
Form Validation

The system validates your input before saving:
Source Reference
if (!newPlate.trim() || !newBrand.trim()) {
  Alert.alert("Falta información", "La Placa y la Marca son obligatorias.");
  return;
}

​
Automatic Formatting

When you save a vehicle:
  • License Plate: Converted to uppercase and spaces removed
  • Text Fields: Leading/trailing spaces trimmed
  • Alias: Auto-generated if empty: "${brand} ${model}"
Source Reference
await addDoc(collection(db, "vehicles"), {
  userId: auth.currentUser?.uid,
  alias: newAlias || `${newBrand} ${newModel}`,
  plate: newPlate.toUpperCase().replace(/\s/g, ''),
  brand: newBrand.trim(),
  model: newModel.trim(),
  color: newColor.trim(),
  createdAt: new Date()
});

​
Vehicle Display Card

Each vehicle in your garage shows: Card Components:
  1. Icon Badge (left): Yellow circular icon with car symbol
  2. Alias: Bold display name at the top
  3. Details: Brand, model, and color on second line
  4. License Plate: Formatted plate number in gray badge
  5. Delete Button (right): Trash icon to remove vehicle

​
Card Layout

Source Reference
<View style={styles.cardInfo}>
  <Text style={styles.carAlias}>{item.alias}</Text>
  
  <Text style={styles.carDetails}>
    {item.brand} {item.model} {item.color ? `• ${item.color}` : ''}
  </Text>

  <View style={styles.plateContainer}>
    <Text style={styles.carPlate}>{item.plate}</Text>
  </View>
</View>

​
Editing Vehicle Information

Note: Direct editing is not available in the current version. To update vehicle details:
  1. Delete the existing vehicle
  2. Add it again with correct information
This ensures data consistency and prevents duplicate entries.

​
Deleting a Vehicle

1

Locate Vehicle

Find the vehicle you want to remove in your garage list
2

Tap Delete Icon

Tap the trash icon on the right side of the vehicle card
3

Confirm Deletion

A confirmation dialog appears: “¿Estás seguro de eliminar este auto?”
4

Confirm Action

Tap “Eliminar” to permanently remove the vehicle
Source Reference
const handleDelete = (id: string) => {
  Alert.alert(
    "Eliminar Vehículo",
    "¿Estás seguro de eliminar este auto?",
    [
      { text: "Cancelar", style: "cancel" },
      { text: "Eliminar", style: "destructive", onPress: async () => {
        await deleteDoc(doc(db, "vehicles", id));
        fetchVehicles();
      }}
    ]
  );
};
Permanent Action: Deleting a vehicle cannot be undone. Make sure you want to remove it before confirming.

​
Managing Multiple Vehicles

You can register as many vehicles as needed. This is useful for:

Family Vehicles

Add cars for different family members

Multiple Personal Cars

Register all vehicles you own

Work Vehicles

Add company cars or fleet vehicles

Shared Cars

Include vehicles you share with others

​
Quick Vehicle Selection

When making a reservation, all your vehicles appear in a dropdown for quick selection:
Source Reference
<SimpleSelectorModal 
  visible={showVehiclePicker} 
  onClose={() => setShowVehiclePicker(false)} 
  title="Mis Vehículos" 
  data={myVehicles} 
  onSelect={setSelectedVehicle} 
  renderItem={(item: any) => (
    <Text style={styles.modalItemText}>
      {item.alias} - {item.plate}
    </Text>
  )} 
/>

​
Empty Garage State

If you haven’t added any vehicles yet: Display shows:
  • Large car icon
  • Message: “Tu garaje está vacío”
  • Subtitle: “Agrega tu primer auto para comenzar”
Tap the yellow + button to add your first vehicle and start making reservations!

​
Data Storage

Vehicles are stored in Firestore under the vehicles collection:
Source Reference
const fetchVehicles = async () => {
  const q = query(
    collection(db, "vehicles"), 
    where("userId", "==", auth.currentUser.uid)
  );
  const querySnapshot = await getDocs(q);
  const cars: any[] = [];
  querySnapshot.forEach((doc) => {
    cars.push({ id: doc.id, ...doc.data() });
  });
  setVehicles(cars);
};

​
Vehicle Document Structure

{
  "id": "auto-generated-id",
  "userId": "user-uid",
  "alias": "Mi Carro",
  "plate": "ABC123",
  "brand": "Toyota",
  "model": "Corolla",
  "color": "Gris",
  "createdAt": "2026-03-04T10:30:00Z"
}

​
Best Practices

Give your vehicles memorable nicknames to quickly identify them when making reservations.Good Examples:
  • “Carro Familiar”
  • “Moto de Trabajo”
  • “El Rojo (Honda)”
Avoid:
  • Generic names like “Auto 1”, “Auto 2”
  • Leaving alias empty (uses brand/model by default)
Always use current, valid license plates. Security staff may verify your plate matches the one on file.
Adding color helps identify your vehicle in the parking lot and assists security personnel.
Delete vehicles you no longer own to keep your garage clean and avoid confusion when selecting vehicles.

​
Troubleshooting

Error: “La Placa y la Marca son obligatorias”Solution: Ensure you’ve filled out both the license plate and brand fields. These are required.
Issue: Added vehicle doesn’t show upSolution:
  • Pull down to refresh the list
  • Check your internet connection
  • Restart the app
  • Verify the vehicle was saved successfully (check for success message)
Issue: Deleted the wrong vehicleSolution: Unfortunately, deletions are permanent. You’ll need to add the vehicle again with the correct information.
Issue: Modal stays open after tapping saveSolution: Wait for the loading indicator to complete. If it persists, check your internet connection and try again.

​
Next Steps

Make a Reservation

Use your registered vehicle to book a parking spot

Payment Methods

Add payment cards to complete reservations

View History

Track which vehicles you’ve used for past reservations

Get Help

Contact support if you have vehicle-related questions

Build docs developers (and LLMs) love

Get started for freeTalk to us