Music Band Store ♩♪♫

• Full-stack e-commerce platform
  
• Live demo: https://bandstore.pythonanywhere.com/

---

Tech Stack

Component	Tech Used
Backend	Python, Flask
Data	SQLite, SQL, JSON
Frontend Logic	JavaScript, Jinja Templating
UI/Styling	Bootstrap
Deployment	PythonAnywhere

---

Overview

• Full-stack Flask e-commerce platform
• Features include:
  • Store catalog with JSON-driven shopping cart
  • Order lookup & purchase history
  • Account express checkout & guest checkout with autofill
  • Customer reviews and ratings
  • Membership points system
  • Responsive, mobile-first UI

---

🔖 Table of Contents

• Website Demos
• Running the Website Manually

---

Visual Demos

💿 Main Storefront

Responsive Design Demos

Desktop View

Mobile	Tablet

🏷️ Product Catalog with Customer Reviews

🛒 Shopping Cart Functionality

💳 Express Checkout with Membership Rewards

🧾 Order Confirmation

📦 Order History & Membership Points

---

Running the Site Manually

1. Clone this repository:

git clone https://github.com/jschhie/Music-Band-Store.git [folderNameHere]

2. Navigate into the folder:

cd [folderNameHere]

3. Create and activate virtual environment (venv):

• This project assumes you have python v3.11
• To isolate the project's dependencies:

/usr/local/bin/python3.11 -m venv venv
source venv/bin/activate

4. Install the required packages:

pip3 install -r requirements.txt

5. Configure environment variables

5a. Create a .env file in the root directory:

vim .env

5b. Open the .env file and define the following:

FLASK_SECRET_KEY=any_random_string_here

6. Run the Flask app:

• The application will automatically generate a band_store_database.db file in the website directory.

• Users can access the web application at: http://127.0.0.1:5000/ via any web browser.

python3 main.py