@@ -10,6 +10,12 @@ This repository is created to store a simple Python web project.
1010
1111<hr ><br >
1212
13+ ## Demo
14+ 15+ You can view a live demo of the project [ here] ( https://python-simple-website.guanshiyinnn.com/ ) .
16+ 17+ <hr ><br >
18+ 1319## Features
1420
1521- Simple and clean web design
@@ -26,22 +32,72 @@ This repository is created to store a simple Python web project.
2632
2733<hr ><br >
2834
29- ## How to Host on PythonAnywhere
35+ ## Project Setup
36+ 37+ To set up this project locally, follow these steps:
38+ 39+ 1 . ** Clone the repository:**
40+ ``` bash
41+ git clone https://github.com/yourusername/Python-Simple-Website.git
42+ ```
43+ 2 . ** Navigate to the project directory:**
44+ ``` bash
45+ cd Python-Simple-Website
46+ ```
47+ 3 . ** Create a virtual environment:**
48+ ``` bash
49+ python3 -m venv venv
50+ ```
51+ 4 . ** Activate the virtual environment:**
52+ - On Windows:
53+ ``` bash
54+ venv\S cripts\a ctivate
55+ ```
56+ - On macOS/Linux:
57+ ` ` ` bash
58+ source venv/bin/activate
59+ ` ` `
60+ 5. ** Install the required dependencies:**
61+ ` ` ` bash
62+ pip install -r requirements.txt
63+ ` ` `
64+ 65+ < hr><br>
66+ 67+ # # Steps to Run
68+ 69+ To run the project locally, follow these steps:
70+ 71+ 1. ** Ensure the virtual environment is activated.**
72+ 2. ** Run the Flask application:**
73+ ` ` ` bash
74+ flask run
75+ ` ` `
76+ 3. ** Open your web browser and navigate to ` http://127.0.0.1:5000` **
3077
31- 1 . ** Create an Account** : Sign up at [ PythonAnywhere] ( https://www.pythonanywhere.com ) and log in to your dashboard.
32- ![ image] ( https://github.com/user-attachments/assets/3415e13c-a238-4754-84f6-05173d026c09 )
33- 2 . ** Add a New Web App** : Click on "Web" in the top menu, then click "Add a new web app".
34- ![ image] ( https://github.com/user-attachments/assets/f3398025-5de9-40f5-8921-d60b3aa207b3 )
35- 3 . ** Select Flask** : Choose "Flask" as the framework for your web app.
36- ![ image] ( https://github.com/user-attachments/assets/67266af9-7d00-4510-aa8b-0f777002693a )
37- 4 . ** Create Your Directory** : Follow the prompts to create a directory for your project.
38- ![ image] ( https://github.com/user-attachments/assets/aa51275e-4e00-44dd-9391-a8017da9d95f )
39- 5 . ** Upload Your Project** : Upload your project files to the created directory using the "Files" tab.
40- ![ image] ( https://github.com/user-attachments/assets/64c140dc-62cd-4c25-ae1f-66bb4196acc3 )
41- 6 . ** Reload Your Web App** : Go back to the "Web" tab and click the "Reload" button to apply changes.
42- ![ image] ( https://github.com/user-attachments/assets/9663a6e6-a2a9-4c2e-bbd1-9f292c13b3ea )
43- 7 . ** Access Your Website** : Visit the provided URL to see your live website.
44- ![ image] ( https://github.com/user-attachments/assets/855e5701-aae9-4157-905f-e52dfbba0dc7 )
78+ < hr><br>
79+ 80+ # # Steps to Host on Vercel
81+ 82+ To host the project on Vercel, follow these steps:
83+ 84+ 1. ** Install the Vercel CLI:**
85+ ` ` ` bash
86+ npm install -g vercel
87+ ` ` `
88+ 2. ** Login to Vercel:**
89+ ` ` ` bash
90+ vercel login
91+ ` ` `
92+ 3. ** Navigate to the project directory:**
93+ ` ` ` bash
94+ cd Python-Simple-Website
95+ ` ` `
96+ 4. ** Deploy the project:**
97+ ` ` ` bash
98+ vercel
99+ ` ` `
100+ 5. ** Follow the prompts to complete the deployment.**
45101
46102< hr><br>
47103
@@ -56,4 +112,3 @@ This project is licensed under the MIT License - see the [LICENSE](LICENSE) file
56112 < img src=" https://capsule-render.vercel.app/api?type=waving&height=200&color=100:FF0000,20:F0F0F0§ion=footer&reversal=false&textBg=false&fontAlignY=50&descAlign=48&descAlignY=59" >
57113 < /a>
58114< /div>
59-
0 commit comments