How grouppowerrangers/wbdv111_midtermlabexam-826-auto-care works
826 Auto Care is a customer-facing automotive detailing and protection site. Visitors browse the landing page and service descriptions, then can open a booking form; the client-side script validates booking details, previews a confirmation, and stores selected dates in browser localStorage. The README also documents responsive presentation, customer ratings, and service showcase capabilities. The sampled booking and script excerpts are partial; no server-side booking submission or persistent business booking store is evidenced, so neither is modeled.
Main entry points: index.php Home Page · booking.php Booking Form · service1.php Graphene Coating · service2.php Interior Coating
Components 17
Site Discovery
- Home Page
index.php - Customer Ratings
index.php - Branches & Contact
index.php
Service Catalog
- Graphene Coating
service1.php - Interior Coating
service2.php - Paint Protection Film
service3.php - Package Deal
service4.php
Booking Flow
- Booking Form
booking.php - Form Validation
script.js - Booked Dates
Client Presentation
- Navigation & Gallery
script.js - Home Styling
website.css - Service Styling
services.css - Booking Styling
booking.css
Other components
- Visitor
- Google Maps
- Social Networks
Connections 32
- Visitor → Home Page: opens
- Home Page → Customer Ratings: shows
- Home Page → Branches & Contact: shows
- Home Page → Graphene Coating: links to
- Home Page → Interior Coating: links to
- Home Page → Paint Protection Film: links to
- Home Page → Package Deal: links to
- Home Page → Booking Form: booking link
- Visitor → Graphene Coating: opens
- Visitor → Interior Coating: opens
- Visitor → Paint Protection Film: opens
- Visitor → Package Deal: opens
- Graphene Coating → Booking Form: booking link
- Interior Coating → Booking Form: booking link
- Paint Protection Film → Booking Form: booking link
- Package Deal → Booking Form: booking link
- Visitor → Booking Form: fills
- Booking Form → Form Validation: loads script
- Form Validation → Booked Dates: reads and writes
- Branches & Contact → Google Maps: opens maps
- Home Page → Social Networks: links to
- Booking Form → Home Styling: loads styles
- Graphene Coating → Service Styling: loads styles
- Interior Coating → Service Styling: loads styles
- Paint Protection Film → Service Styling: loads styles
- Package Deal → Service Styling: loads styles
- Booking Form → Booking Styling: loads styles
- Home Page → Navigation & Gallery: loads script
- Graphene Coating → Navigation & Gallery: loads script
- Interior Coating → Navigation & Gallery: loads script
- Paint Protection Film → Navigation & Gallery: loads script
- Package Deal → Navigation & Gallery: loads script