CGW-Quote-Builder/information

Product Finder Quiz - Flask Web Application

A Python Flask web application for product selection through an interactive quiz interface.

Features

• Interactive quiz with button-based and form-based questions
• Dynamic conditional logic based on user responses
• Product recommendations with images
• Responsive design
• Memory storage for user answers

Installation

Prerequisites

• Python 3.8 or higher
• pip (Python package installer)

Setup

1. Install dependencies:

   pip install -r requirements.txt
   

2. Create environment file (optional):

   copy .env.example .env
   

   Edit .env with your configuration.

3. Run the application:

   python app.py
   

4. Access the application: Open your browser and navigate to:

   • Main page: http://localhost:8080/
   • Quiz page: http://localhost:8080/quiz

Project Structure

project/
├── app.py              # Main Flask application
├── config.py           # Configuration settings
├── wsgi.py            # WSGI entry point for production
├── requirements.txt    # Python dependencies
├── templates/         # HTML templates
│   └── index2.html    # Quiz page
├── css/               # Stylesheets
│   └── styles.css     # Main stylesheet
├── js/                # JavaScript files
│   └── script.js      # Quiz logic and data
└── images/            # Product images (optional)

Deployment

Using Gunicorn (Production)

1. Install Gunicorn:

   pip install gunicorn
   

2. Run with Gunicorn:

   gunicorn -w 4 -b 0.0.0.0:8080 wsgi:app
   

Deployment on Web Panels

cPanel/Plesk

1. Upload all files to your hosting directory
2. Install Python dependencies via terminal or SSH
3. Configure the web server to use Python WSGI
4. Set the application entry point to wsgi:app

PythonAnywhere

1. Upload files or clone from repository
2. Create a new web app (Flask)
3. Set WSGI file path to wsgi.py
4. Install requirements in virtual environment
5. Reload the web app

Heroku

1. Create Procfile:

   web: gunicorn wsgi:app
   

2. Deploy using Git:

   git init
   git add .
   git commit -m "Initial commit"
   heroku create
   git push heroku main
   

Docker

1. Create Dockerfile:

   FROM python:3.11-slim
   WORKDIR /app
   COPY requirements.txt .
   RUN pip install -r requirements.txt
   COPY . .
   CMD ["gunicorn", "-w", "4", "-b", "0.0.0.0:8080", "wsgi:app"]
   

2. Build and run:

   docker build -t product-finder .
   docker run -p 8080:8080 product-finder
   

Configuration

Edit config.py to modify application settings:

• DEBUG: Enable/disable debug mode
• SECRET_KEY: Set a secure secret key for production
• Add database URLs, API keys, etc.

API Endpoints

• GET / - Main landing page
• GET /quiz - Product finder quiz
• POST /api/save-selection - Save user selections (for future use)
• GET /api/get-products - Get product data (for future use)

Customization

Adding New Products

Edit js/script.js and add new product entries to the questionData object.

Styling

Modify css/styles.css to change colors, layouts, and appearance.

Questions and Logic

Update the quiz flow in js/script.js by modifying the question structure and conditional logic.

Development

Run in development mode with auto-reload:

python app.py

The application will be available at http://localhost:8080

Production Checklist

• Set DEBUG = False in config
• Use a strong SECRET_KEY
• Configure proper database (if needed)
• Set up SSL/HTTPS
• Configure proper logging
• Set up error monitoring
• Enable CORS if needed
• Configure environment variables
• Test all routes and functionality

License

Proprietary - All rights reserved

Support

For issues and questions, contact your development team.