Create Random Quote Generation webapp in python

 Creating a simple quote generation web application in Python can be an interesting project. This app would generate and display random quotes to users. Here's a step-by-step guide on how to build it:


**Step 1: Set Up Your Development Environment**


Ensure you have Python installed on your system. You may also want to use a Python web framework. For this example, we'll use Flask, a lightweight web framework.


```bash

pip install flask

```


**Step 2: Create the Project Structure**


Organize your project files and directories. A simple structure might include:


```

quote_app/

|-- app.py

|-- templates/

| |-- index.html

|-- static/

| |-- style.css

```


**Step 3: Write the Flask Application**


In `app.py`, create a basic Flask application:


```python

from flask import Flask, render_template

import random


app = Flask(__name__)


# List of quotes (you can expand this list)

quotes = [

    "The only way to do great work is to love what you do. - Steve Jobs",

    "Innovation distinguishes between a leader and a follower. - Steve Jobs",

    "Simplicity is the ultimate sophistication. - Leonardo da Vinci",

    "The journey of a thousand miles begins with one step. - Lao Tzu",

]


@app.route("/")

def index():

    # Generate a random quote

    random_quote = random.choice(quotes)

    return render_template("index.html", quote=random_quote)


if __name__ == "__main__":

    app.run(debug=True)

```


**Step 4: Create HTML Template**


In `templates/index.html`, create the HTML template to display the random quote:


```html

<!DOCTYPE html>

<html>

<head>

    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">

</head>

<body>

    <div class="quote-container">

        <h1>Random Quote</h1>

        <blockquote>{{ quote }}</blockquote>

    </div>

</body>

</html>

```


**Step 5: Add CSS Styles**


In the `static` directory, create a CSS file (`style.css`) to style your web page. You can customize this according to your preferences.


**Step 6: Run the Application**


Run your Flask application:


```bash

python app.py

```


Visit `http://localhost:5000` in your web browser to see your quote generation web app in action.


**Step 7: Expand the Quote List**


You can expand the list of quotes in the `quotes` list to provide a more diverse set of quotes to your users.


This is a simple example of a quote generation web app. You can further enhance it by allowing users to request new quotes, adding a database to store quotes, or integrating an API for quote retrieval.

Comments

Post a Comment

Popular posts from this blog

bad character U+002D '-' in my helm template

 In Helm templates, the hyphen character (`-`) can sometimes be treated as a reserved character, particularly when defining values or labels. To include a hyphen character in a Helm template without issues, you can use one of the following approaches: 1. **Quoting the Hyphen:**    You can enclose the hyphen in double quotes, like this:    ```yaml    key: "-"    ```    This way, Helm will interpret the hyphen as a string rather than an operator. 2. **Using Backticks:**    If you need to use the hyphen within a Go template function or inside backticks, you can escape it with a backslash (`\`), like this:    ```yaml    value: `{{ .Values.someField | printf "%s \\-" }}`    ```    The backslash prevents Helm from interpreting the hyphen as a special character. 3. **Variable Assignment:**    Assign the value to a variable and use it. For example:    ```yaml    {{- $hyphen := "-" }}    key: {{ $hyphen }}    ```    This way, you can use the variable `$hyphen` wher
Read more

GitLab pipeline stopped working with invalid yaml error

 When your GitLab pipeline has stopped working with an "invalid YAML" error, it means there's a problem with your `.gitlab-ci.yml` file. This could be due to syntax errors, incorrect indentation, or other issues in your pipeline configuration. Here's how to troubleshoot and resolve this issue: 1. **Check for Syntax Errors**:    Carefully review your `.gitlab-ci.yml` file for any syntax errors. Common issues include missing colons, indentation problems, or mismatched quotation marks. Use a YAML linter or an online YAML validator to identify and correct syntax errors. 2. **Indentation**:    YAML relies heavily on proper indentation. Make sure that all lines within the same block have consistent indentation (typically using spaces, not tabs). Incorrect indentation can cause YAML parsing errors. 3. **Dashes and Lists**:    Ensure that you use the correct syntax for lists (arrays) in YAML by starting each item with a dash (`-`). Be consistent with your use of dashes throug
Read more

How do I add a printer in OpenSUSE which is being shared by a CUPS print server?

 To add a printer in openSUSE that is being shared by a CUPS print server, you can use the following steps: 1. **Ensure CUPS Client is Installed:**    Make sure your openSUSE system has the CUPS client tools installed. You can install them using the following command:    ```bash    sudo zypper install cups-client    ``` 2. **Discover Available Printers:**    Use the `lpinfo` command to discover available printers on your CUPS print server. Replace `cups-server-hostname` with the hostname or IP address of your CUPS server:    ```bash    lpinfo -v -h cups-server-hostname:631    ```    This command should list the printers shared by the CUPS server. 3. **Add a Printer:**    Use the `lpadmin` command to add a printer. Replace `printer-name` with the name of the printer you want to add and `printer-uri` with the URI obtained from the `lpinfo` command:    ```bash    sudo lpadmin -p printer-name -E -v printer-uri    ```    For example:    ```bash    sudo lpadmin -p MyPrinter -E -v socket://cu
Read more