Git Product home page Git Product logo

flask_simple_web's Introduction

Hello World web page


Requirements to run the code

Tool Version
Python >=3.7
Flask 2.1.3

Please make sure that python is already setup on your machine

Download Python

To install any other libraries required to run this code, just execute pip install -r requirements.txt from terminal.

It is good practice to use python virtual environment to segregate the various project libraries and avoid version conflict.

Python Virtual env. tutorial

To run the application, we need to tell flask which file to accept as starting point.

  • (MAC): export FLASK_APP=application.py
  • (MAC): export FLASK_DEBUG=1
  • (windows): set FLASK_APP=application.py
  • (windows): set FLASK_DEBUG=1
  • flask run (this will start the flask instance by default on 127.0.0.1:5000)

application.py: This is the name of our code file, that has logic for flask, it can be any file name.

Also, above commands need to be run on "terminal" for MAC and "command prompt" for Windows.

Note: FLASK_DEBUG=1 helps to pick any code change automatically, without restarting the app, just refreshing the page reflects changes.

Learning Materials

  1. Bootstrap Tutorial
  2. Flask Tutorial - Youtube
  3. Flask Tutorial - Official Website
  4. Stock Images
  5. Full page background image CSS
  6. Adding color to background image
  7. Material Design for Bootstrap
  8. Google Font - Exo 2
  9. SVG icons

TO-DO:: Reading a file is good, keeps you informed about a project, but can you clean this line? This is extra here...

flask_simple_web's People

Contributors

asheemchhetri avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.