A dynamic, responsive, and fully functional personal website built from scratch using Python (Flask), HTML, CSS, and Bootstrap 5.
This project serves as a practical implementation of backend routing, frontend design, and database management, featuring a fully working contact form that saves user messages to a local SQLite database.
- Dynamic Routing: Powered by Flask to handle multiple pages (Home, About, Contact).
- Responsive Design: Built with Bootstrap 5 to ensure the site looks great on desktops, tablets, and mobile devices.
- Database Integration: Uses SQLite to securely store messages submitted through the "Contact Us" form.
- Modern UI/UX: Custom CSS styling with hover effects, smooth transitions, and a clean layout.
- Arabic Language Support (RTL): Fully optimized for Right-to-Left (RTL) reading with Arabic text.
- Backend: Python, Flask
- Frontend: HTML5, CSS3, Bootstrap 5
- Database: SQLite
my_website/
│
├── app.py # Main Flask application and routing
├── database.db # SQLite database (auto-generated)
├── templates/ # HTML templates
│ ├── home.html
│ ├── about.html
│ └── contact.html
└── static/ # Static assets
└── css/
└── style.css # Custom CSS styling
🚀 How to Run Locally Clone the repository:
git clone [https://github.com/your-username/your-repo-name.git](https://github.com/your-username/your-repo-name.git)
cd your-repo-name
Install the required dependencies: Make sure you have Python installed, then run:
pip install Flask
Run the application:
python app.py
View the website: Open your web browser and go to http://127.0.0.1:5000