Skip to content

Quote App is a simple web application that displays random quotes from various categories. I created this project to learn and practice deploying applications using Docker and Google Cloud Platform

Notifications You must be signed in to change notification settings

Dhruvi-tech/Quote_app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Status Live on Render

🌸 Quote App 🌸

✨ Built using Flask 🐍, HTML, CSS & JavaScript, and ready for deployment 🚀

🔗 Live Demo: https://brainwave-matrix-intern-h12f.onrender.com


🌟 Features

  • 🎭 Random Anime Quotes on every click
  • 🎨 Custom Styled Interface for a clean, vibrant look
  • Responsive UI with JavaScript magic
  • 🐳 Docker-ready and deployable to Google Cloud or other platforms
  • ☁️ Now Live on Render!

🧠 Preview

"Power comes in response to a need, not a desire."
— Goku, Dragon Ball Z


🗂️ Folder Structure

Anime_Quote_App/
├── app.py               # Main Flask app
├── quotes.py            # Anime quotes storage
├── requirements.txt     # Python dependencies
├── Dockerfile           # Docker setup
├── app.yaml             # GCP config
│
├── static/
│   ├── style.css        # Stylesheet
│   └── scripts.js       # JS for animations
│
└── templates/
    └── index.html       # Frontend template

📊 Tech Stack Breakdown

Technology Percentage Visual Representation
Python 65.3% Python
CSS 17.6% CSS
HTML 10.0% HTML
JavaScript 5.9% JavaScript
Dockerfile 1.2% Dockerfile

💻 Run Locally

git clone https://github.com/Dhruvi-tech/Quote_app.git
cd Quote_app

# (Optional) Create a virtual environment
python -m venv venv
source venv/bin/activate  # On Windows: venv\Scripts\activate

# Install dependencies
pip install -r requirements.txt

# Run the app
python app.py

☁️ Deployments

🔹 Render

The app is deployed on Render and live here:
🔗 https://brainwave-matrix-intern-h12f.onrender.com/

Render handles the build and hosting of the Flask app with minimal configuration.

🔹 Google Cloud (Optional)

To deploy with GCP App Engine:

gcloud app deploy

Make sure your GCP project and billing are set up.


🐳 Docker Support

Build and run locally with Docker:

docker build -t anime-quote-app .
docker run -p 5000:5000 anime-quote-app

🧑‍💻 Contributing

Got a cool idea or found a bug?
Contributions are more than welcome! Just fork the repo and create a pull request.


Built with 💖 by Dhruvi Mittal

"Believe in yourself, not in the you who believes in me!" – Kamina

About

Quote App is a simple web application that displays random quotes from various categories. I created this project to learn and practice deploying applications using Docker and Google Cloud Platform

Resources

Stars

Watchers

Forks

Contributors 2

  •  
  •