fetching DATABASE_NAME from env

Author: recursivezero

README.md

@@ -1,9 +1,8 @@
 # 🔗 tiny URL Generator
 
-> A modern, Bitly-style tiny URL web application built with Flask, FastAPI & MongoDB
+> A modern, Bitly-style tiny URL web application built with FastAPI & MongoDB
 
 ![Python](https://img.shields.io/badge/Python-3.10-blue.svg)
-![Flask](https://img.shields.io/badge/Flask-Web%20Framework-black.svg)
 ![MongoDB](https://img.shields.io/badge/Database-MongoDB-green.svg)
 ![License](https://img.shields.io/badge/License-MIT-yellow.svg)
 ![Status](https://img.shields.io/badge/Status-Active-success.svg)
@@ -12,12 +11,11 @@
 
 ## 📌 Overview
 
-**tiny URL** is a sleek, fast, and modern URL shortening platform built using **Flask**, **FastAPI**, and **MongoDB**.  
+**tiny URL** is a sleek, fast, and modern URL shortening platform built using **FastAPI**, and **MongoDB**.  
 It converts long URLs into short, shareable links — just like Bitly.
 
 The project supports both:
 
-- 🌐 **Flask Web UI** (end users)
 - 🚀 **FastAPI REST API** (developers / integrations)
 
 ---
@@ -37,7 +35,6 @@ The project supports both:
 - Mobile-friendly QR Codes
 - Fully responsive design
 - Recent URLs page
-- Glassmorphism UI
 
 ---
 
@@ -75,17 +72,15 @@ def generate_code(length=6):
 
 🗃️ Tech Stack
 
-| Layer       | Technology                 |
-| ----------- | -------------------------- |
-| UI Backend  | Flask                      |
-| API Backend | FastAPI                    |
-| Database    | MongoDB                    |
-| Frontend    | HTML, CSS, Vanilla JS      |
-| UI Style    | Glassmorphism, Gradient UI |
-| API Server  | Uvicorn                    |
-| Validation  | Pydantic v2                |
-| CLI         | Click                      |
-| Data        | JSON                       |
+| Layer       | Technology            |
+| ----------- | --------------------- |
+| API Backend | FastAPI               |
+| Database    | MongoDB               |
+| Frontend    | HTML, CSS, Vanilla JS |
+| API Server  | Uvicorn               |
+| Validation  | Pydantic v2           |
+| CLI         | Click                 |
+| Data        | JSON                  |
 
 📁 Project Folder Structure
 

app/db/data.py

@@ -18,8 +18,8 @@ def connect_db():
     global client, db, urls, url_stats
 
     MONGO_URI = os.getenv("MONGO_URI")
-
-    print("🔎 MONGO_URI =", MONGO_URI)
+    # Default to "tiny_url" if the ENV variable is missing
+    DB_NAME = os.getenv("DATABASE_NAME", "tiny_url")
 
     if not MONGO_URI:
         print("⚠️ MONGO_URI is not set. Running in NO-DB mode.")
@@ -29,11 +29,11 @@ def connect_db():
         client = MongoClient(MONGO_URI, serverSelectionTimeoutMS=2000)
         client.admin.command("ping")
 
-        db = client["tiny_url"]
+        db = client[DB_NAME]
         urls = db["urls"]
         url_stats = db["url_stats"]
 
-        print("✅ MongoDB connected successfully")
+        print(f"✅ MongoDB connected successfully to database: '{DB_NAME}'")
         return True
 
     except ServerSelectionTimeoutError:

app/static/qr/zSDrr0.png

@@ -39,7 +39,6 @@ button {
   font-weight: 600;
 }
 
-
 .dark-theme h1 {
   background: linear-gradient(90deg, #ffffff, #dddddd, #ffffff);
   -webkit-background-clip: text;
@@ -100,10 +99,8 @@ button {
 
 .input-field input {
   color: #000 !important;
-
 }
 
-
 .dark-theme .input-field input {
   color: #fff !important;
 }
@@ -119,7 +116,6 @@ button {
   transition: background-color 9999s ease-in-out 0s;
 }
 
-
 .input-field input:-webkit-autofill {
   -webkit-text-fill-color: #000 !important;
 }
@@ -156,7 +152,6 @@ button {
   background: linear-gradient(180deg, #0b1220, #050b14);
 }
 
-
 footer {
   margin-top: 0;
 }
@@ -267,7 +262,6 @@ body.dark-theme {
   --muted: #9aa7a6;
 }
 
-
 .page {
   flex: 1;
   display: flex;
@@ -276,10 +270,8 @@ body.dark-theme {
   gap: 1rem;
   padding: 2rem;
   min-height: 80vh;
-
 }
 
-
 .theme-toggle {
   background: transparent;
   border: none;
@@ -374,7 +366,7 @@ body.dark-theme {
 }
 
 .short-actions {
-  display:flex;
+  display: flex;
   justify-content: center;
   align-items: center;
   gap: 8px;
@@ -383,7 +375,6 @@ body.dark-theme {
   background: linear-gradient(180deg, rgba(75, 194, 176, 0.06), rgba(94, 207, 255, 0.04));
 }
 
-
 .short-box input {
   align-items: center;
   padding: 10px;
@@ -436,12 +427,12 @@ body.dark-theme {
 }
 
 .qr-block img {
-  width: 160px;
-  height: 160px;
+  height: 15rem;
   align-items: center;
-  border-radius: 12px;
+  aspect-ratio: 1;
   box-shadow: 0 10px 20px rgba(10, 20, 30, 0.06);
-  background: #fff;
+  outline: 2px solid green;
+  outline-offset: 4px;
 }
 
 .download-qr {
@@ -502,16 +493,15 @@ body.dark-theme {
 }
 
 footer {
-  min-height: auto; 
+  min-height: auto;
 }
 
 .app-footer {
   background: white;
   color: #e5e7eb;
   padding: 8px 10px;
-  margin-top: auto; 
+  margin-top: auto;
   position: relative;
-  
 }
 .dark-theme .app-footer {
   background: linear-gradient(180deg, #0b1220, #050b14);
@@ -525,8 +515,6 @@ footer {
   flex-wrap: wrap;
 }
 
-
-
 .footer-brand {
   max-width: 420px;
 }
@@ -590,7 +578,6 @@ footer {
   transform: translateY(-2px);
 }
 
-
 .footer-links {
   display: flex;
   gap: 80px;
@@ -614,7 +601,7 @@ footer {
 }
 
 .footer-col a:hover {
-text-decoration: underline;
+  text-decoration: underline;
 }
 
 /* Bottom */
@@ -658,7 +645,6 @@ footer {
   overflow-x: auto;
 }
 
-
 .recent-table {
   width: 100%;
   border-collapse: collapse;
@@ -669,7 +655,7 @@ footer {
 .recent-table thead {
   background: rgb(0, 0, 0);
 }
-.recent-table th{
+.recent-table th {
   color: rgb(0, 0, 0);
   padding: 8px 14px;
   text-align: left;
@@ -726,7 +712,6 @@ td {
   font-weight: 700;
 }
 
-
 .original-url {
   color: #22c55e;
   word-break: break-all;
@@ -823,9 +808,8 @@ td {
 }
 .info-box {
   margin-bottom: 15px;
-    padding: 10px;
-    color: #0e34f6;
-    border-radius: 8px;
-    font-weight: 700;
-    
-  }
+  padding: 10px;
+  color: #0e34f6;
+  border-radius: 8px;
+  font-weight: 700;
+}