https://github.com/dunningkrueg/basic-python-web
web use python
https://github.com/dunningkrueg/basic-python-web
Last synced: 3 months ago
JSON representation
web use python
- Host: GitHub
- URL: https://github.com/dunningkrueg/basic-python-web
- Owner: dunningkrueg
- Created: 2025-01-06T12:38:24.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-01-06T12:49:34.000Z (5 months ago)
- Last Synced: 2025-02-08T09:20:20.737Z (4 months ago)
- Language: HTML
- Size: 2.93 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Modern Python Website
A modern, responsive website built with Python Flask, featuring smooth scrolling animations and a clean design.
## Features
- 🚀 Fast and lightweight Flask backend
- 💎 Modern, responsive design
- 🎨 Smooth scrolling and animations
- 📱 Mobile-friendly layout
- 🎯 Interactive UI elements
- 🛡️ Best practices implementation
## Tech Stack
- **Backend**: Python Flask
- **Frontend**: HTML5, CSS3, JavaScript
- **Fonts**: Inter (Google Fonts)
- **Icons**: Font Awesome
- **Animations**: CSS Animations & Intersection Observer API
## Getting Started
### Prerequisites
- Python 3.8 or higher
- pip (Python package manager)
### Installation
1. Clone the repository or download the files
2. Install the required dependencies:
```bash
pip install -r requirements.txt
```
3. Run the application:
```bash
python app.py
```
4. Open your browser and visit:
```
http://localhost:5000
```
## Project Structure
```
website-use-python/
├── app.py # Main Flask application
├── requirements.txt # Python dependencies
├── static/
│ └── style.css # CSS styles
├── templates/
│ └── index.html # Main HTML template
└── README.md # Project documentation
```
## Features Explained
- **Smooth Scrolling**: Implemented using CSS `scroll-behavior` and JavaScript for cross-browser compatibility
- **Animated Cards**: Feature cards animate into view as you scroll using Intersection Observer API
- **Responsive Design**: Fully responsive layout that works on all device sizes
- **Modern UI**: Clean and modern interface with smooth transitions and hover effects
- **Navigation**: Smooth scroll navigation with sticky header
## Customization
You can customize the website by:
1. Modifying colors in the CSS variables (`:root` in `style.css`)
2. Adding new routes in `app.py`
3. Creating new HTML templates in the `templates` folder
4. Adding new static assets in the `static` folder
## Contributing
Feel free to fork this project and make your own modifications. If you have any improvements or bug fixes, pull requests are welcome!