Built with Flask • Flask-Mail • HTML • CSS • JavaScript
A professional portfolio website crafted using Python Flask and designed to highlight my:
- 📌 Technical skills & achievements
- 🎓 Educational background
- 💻 Projects with smooth animations
- 📬 Real-time contact form using Flask-Mail
Responsive, clean, and completely customizable — with dark mode vibes!
- ✅ Fully responsive UI with AOS scroll animations
- ✅ Real contact form using Flask-Mail (SMTP support)
- ✅ Projects, education, and certification showcase
- ✅ All files in a single folder structure for easy deployment
- ✅ Dark starry background and modern layout
| Layer | Technology |
|---|---|
| Backend | Python, Flask, Flask-Mail |
| Frontend | HTML5, CSS3, JavaScript |
| Flask-Mail, Gmail SMTP | |
| Animation | AOS (Animate On Scroll) |
| Deployment | Render / Vercel / Heroku / PythonAnywhere |
portfolio-website/
│
├── static/ # All CSS, JS, images
│ ├── style.css
│ ├── script.js
│ └── images/
│
├── templates/ # HTML pages
│ ├── index.html
│ └── about.html / others
│
├── app.py # Main Flask backend
├── requirements.txt # Python packages
└── README.md # This file
git clone https://github.com/ck-ahmad/portfolio-website.git
cd portfolio-websitepython -m venv venv
source venv/bin/activate # On Windows: venv\Scripts\activatepip install -r requirements.txtReplace the following with your credentials:
app.config['MAIL_SERVER'] = 'smtp.gmail.com'
app.config['MAIL_PORT'] = 465
app.config['MAIL_USERNAME'] = 'your-email@gmail.com'
app.config['MAIL_PASSWORD'] = 'your-app-password'
app.config['MAIL_USE_TLS'] = False
app.config['MAIL_USE_SSL'] = True🔐 Use Gmail App Password, not your real password.
python app.pyThen visit http://127.0.0.1:5000 in your browser.
🔗 Visit Live Site
Licensed under the MIT License. Feel free to fork, use, and improve!
You can reach me through the contact form on the site or via the links in my GitHub Bio.
If you like this project, give it a ⭐ on GitHub and share it!
---
### ✅ Let me know if you want:
- A `requirements.txt` generated from your current setup
- GitHub README badges for certifications
- Deployment guide for Render, Heroku, or PythonAnywhere
- A custom banner or screenshot section added
Would you like me to generate the `requirements.txt` and add it here too?