Python Simple Website

This Repo should help you to get a simple Python website setup using the Flask framework. This is a great first project for new programmers.

To-Do

• Preparing for the Project

  • First ensure Python is installed
    • Run the command in Command Prompt (or any other shell) python --version
    • If not installed get it from here
  • Ensure An IDE is installed (I have given popular ones below)
    • Visual Studio Code <----- the one I use
    • Atom
    • Pycharm
    • Jupyter Notebook

Setting Up The Test Project

• Ensure steps in To-Do are completed

• Downloading the test project code

  • Download the code from this repo
    • Code can be downloaded from here or by using the green button above
    • Extract the zip file downloaded and place the extracted folder somewhere you can remember

• Running The Server

  • Open your project folder in a command line. If you are not sure how to follow the steps in Useful Stuff
  • Run the following command to get the dependencies (mainly Flask) installed
    • Open your project folder in a command line and run the following command:
      • python -m pip install flask
  • Run the following command to start the server
    • Open your project folder in a command line and run the following command:
      • python app.py
  • Go to the website to see the app running
    • http://127.0.0.1:4949/
    • http://localhost:4949/

Useful Stuff

• How to open the project in a command line

  • macOS instructions:

    • First locate the folder(project folder) you want to open in command line
    • Now right click on the folder and select the option New Terminal at Folder (It should be the last option on the list)
    • Thats It! You now have the project folder open in command line!
    • Here is an video example if you werent able to understand

  • Windows instructions:

    • First locate the folder(project folder) you want to open in command line
    • Now while holding shift right click and select the option Copy as path
    • Now open any command line (Command Prompt, Poweshell, etc.) and run the following command:
      • cd "YOUR COPIED PATH HERE" replacing "YOUR COPIED PATH HERE" with the path that you copied before.
    • Thats It! You now have the project folder open in command line!
    • Here is an video example if you werent able to understand

• Useful Links

  • CSS: W3Schools
  • HTML: W3Schools
  • Python: W3Schools
  • Flask: Official Docs