consultoria-as
834d7d2d96
Landing page (customer-landing.html): - Modern dark theme with orange accent (#ff6b35) - Dynamic stats, categories, products from API - Integrated search modal with FTS - VIN decoder section - Responsive design with mobile support Catalog redesign (index.html): - Unified design matching landing page - Custom modal system (removed Bootstrap dependency) - Simplified breadcrumb navigation - Updated card styles with hover effects - Consistent color scheme and typography JavaScript updates (dashboard.js): - Custom modal open/close methods - Updated element IDs for new HTML - Paginated response handling - Search input event binding Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Vehicle Database Dashboard
A web-based dashboard for searching and filtering vehicle data from your database.
Features
- Filter vehicles by brand, model, year, and engine
- Responsive web interface with Bootstrap
- Real-time filtering and search
- Detailed vehicle information display
- Modern UI with cards and badges
Prerequisites
- Python 3.x
- Flask (installed via
sudo apt-get install python3-flask) - SQLite database with vehicle data (created in the vehicle_database directory)
Setup
- Make sure you have the vehicle database created in the
../vehicle_database/vehicle_database.dbpath - Install Flask:
sudo apt-get install python3-flask - Run the dashboard server:
python3 server.py
Usage
-
Start the server:
cd dashboard python3 server.py -
Open your web browser and navigate to
http://localhost:5000 -
Use the filters on the left panel to search for vehicles:
- Select a brand from the dropdown
- Select a model (based on the selected brand)
- Select a year
- Select an engine type
- Click "Search Vehicles" to apply filters
-
The results will appear in the right panel with detailed information
API Endpoints
The dashboard uses the following API endpoints:
GET /api/brands- Get all vehicle brandsGET /api/models?brand=[brand]- Get models for a specific brandGET /api/years- Get all yearsGET /api/engines- Get all enginesGET /api/vehicles?[filters]- Search vehicles with optional filters
File Structure
dashboard/
├── index.html # Main dashboard page
├── dashboard.js # Frontend JavaScript
├── server.py # Flask backend
├── requirements.txt # Python dependencies
├── start_dashboard.sh # Startup script
└── README.md # This file
Customization
You can customize the dashboard by:
- Modifying the CSS styles in index.html
- Adding more filters in the JavaScript
- Changing the layout in index.html
- Adding more vehicle details in the display
Troubleshooting
- If the server won't start, make sure the vehicle database exists
- If filters don't populate, check that the database has data
- If the page doesn't load, verify that Flask is installed correctly