Added icons for tech stack. Reordered sections

README.md

@@ -29,19 +29,41 @@ Author: Kristine Karp (karpkristine@gmail.com)
 - Flexible data sources - Support for both live Twitter API and mock data
 - Containerized deployment - Full Docker orchestration for easy setup
 
+## 🔧 Tech Stack
+- Backend:🐍 Python | 🌶️ Flask | 🔌 Flask-SocketIO  
+- Message Streaming: 📨 Apache Kafka  
+- Stream Processing: ✨ Apache Spark  
+- Frontend* 🖼️ HTML5 | 🎨 CSS3 | ⚡ JavaScript | 📊 Chart.js  
+- Real-time Communication: 🔄 WebSocket  
+- Containerization: 🐳 Docker | 📦 Docker Compose  
+- API Integration: 🐦 Twitter API v2
+
 ## ⚙️ Workflow Overview
 This project implements a real-time sentiment analysis ETL pipeline using **Python scripts**, all orchestrated with **Docker**:
 
 1. **Extract** - `producer.py` connects to Twitter API for live streaming, or `mock_tweet_producer.py` generates realistic demo data for testing or hugging face demonstration purposes.
 2. **Transform** -  Apache Kafka ingests tweets under 'sentiment-topic', while `consumer.py` applies sentiment analysis using Spark streaming.
 3. **Load** -  Processed results are published to 'sentiment-results' topic and displayed in real-time, also in `consumer.py`.
-4. **Visualization** - `dashboard.py` provides a web interface with live sentiment metrics and trend charts.
+4. **Visualize** - `dashboard.py` provides a web interface with live sentiment metrics and trend charts.
 5. **Orchestrate** - `docker-compose.yml` and `Docker` manages all services for consistent deployment.
- 
+
 ---
 
 ## 🧪 How to Reproduce Locally
 
+**🛠️ Project Structure**
+
+| File/Folder            | Purpose                                           |
+|------------------------|---------------------------------------------------|
+| `dashboard.py`         | Flask app + Kafka consumer for real-time dashboard, flexible for real Kafka data or Hugging Face demo data |
+| `templates/dashboard.html` | HTML UI template with real-time charts and tweet display |
+| `mock_tweet_producer.py` | Generates realistic mock tweets for demo/testing |
+| `producer.py`          | Connects to Twitter API to stream live tweets   |
+| `consumer.py`          | Runs Spark-based sentiment analysis on Kafka stream        |
+| `docker-compose.yml`   | Docker setup orchestrating Kafka, Spark, producer, dashboard |
+| `requirements.txt`     | Python dependencies                               |
+| `.env` (optional)      | Contains Twitter API credentials           |
+
 **Option 1: Mock Mode (No API Required)**
 
 ```bash
@@ -76,25 +98,3 @@ command: ["python", "producer.py"]
 ```bash
 docker-compose up --build
 ```
-
-## 🛠️ Project Structure
-
-| File/Folder            | Purpose                                           |
-|------------------------|---------------------------------------------------|
-| `dashboard.py`         | Flask app + Kafka consumer for real-time dashboard, flexible for real Kafka data or Hugging Face demo data |
-| `templates/dashboard.html` | HTML UI template with real-time charts and tweet display |
-| `mock_tweet_producer.py` | Generates realistic mock tweets for demo/testing |
-| `producer.py`          | Connects to Twitter API to stream live tweets   |
-| `consumer.py`          | Runs Spark-based sentiment analysis on Kafka stream        |
-| `docker-compose.yml`   | Docker setup orchestrating Kafka, Spark, producer, dashboard |
-| `requirements.txt`     | Python dependencies                               |
-| `.env` (optional)      | Contains Twitter API credentials           |
-
-## 🔧 Tech Stack
-- Backend: Python, Flask, Flask-SocketIO
-- Message Streaming: Apache Kafka
-- Stream Processing: Apache Spark
-- Frontend: HTML5, CSS3, JavaScript, Chart.js
-- Real-time Communication: WebSocket
-- Containerization: Docker, Docker Compose
-- API Integration: Twitter API v2