Add Dockerization + Modern Frontend UI using React & TailwindCSS

Currently, the SavageScript GenAI project is a CLI-based experience. While it’s fun and unique, it lacks a graphical interface and is not easily deployable or shareable without manual setup.

This issue aims to Dockerize the entire app and introduce a modern, clean frontend built using React + TailwindCSS, providing users with a seamless and visually engaging experience.

🚀 Goals

Dockerization

Add a Dockerfile and docker-compose.yml to streamline setup for both backend and frontend.

Ensure the container includes all necessary dependencies (requirements.txt, environment variables, ports, etc.).

Allow easy build and run commands:

docker-compose up --build

Frontend (React + TailwindCSS)

Build a sleek, responsive UI where users can:

Input their “confession” or self-description.

View AI-generated Roast and Compliment results side-by-side.

Display the results with creative animations or card transitions (using Framer Motion for a premium feel).

Include a “Try Again” or “New Roast” button for instant regeneration.

Add a minimal dark/light mode toggle for better accessibility.

Integration

Connect the frontend to the existing Python backend via API endpoints.

Ensure responses are displayed dynamically (no page refresh needed).

Add proper error handling and loading states (e.g., spinners, toast notifications).

Bonus Enhancements

Add a leaderboard or recent roasts section using a lightweight database (SQLite or MongoDB optional).

Implement a fun sound effect or small ASCII animation when a roast is generated.

Make the app fully deployable via Docker on Render or Railway.

💡 Expected Outcome

Fully containerized app for easy setup and sharing.

A modern, polished frontend that matches the witty personality of SavageScript.

Improved user experience and engagement with dynamic UI and instant feedback.