Website Overview
This portfolio website was developed using Flask to showcase my engineering projects, academic coursework, and professional experience in a structured and scalable format. The goal was to create a clean, professional web application that demonstrates both front-end design and back-end routing logic.
Purpose
The purpose of building this website was to strengthen my understanding of full-stack web development concepts including routing, templating, static file organization, and deployment preparation. It also serves as a centralized digital portfolio for recruiters and professionals to view my technical work.
Technology Stack
- Python (Flask)
- HTML5
- CSS3
- Jinja Templating
- Git & GitHub
Project Structure
app.py
templates/
home.html
about.html
projects.html
work.html
classes.html
resume.html
contact.html
static/
style.css
images/
Development Process
Planning
I first outlined the navigation structure and determined the required routes for each section of the site. This ensured logical organization and scalability.
Backend Development
Using Flask, I created individual routes for each page and structured templates within the templates directory. I ensured proper linking between pages using URL routing.
Frontend Design
The interface was styled using CSS to maintain a consistent layout across all pages. Emphasis was placed on readability, alignment, and professional presentation.
Testing & Debugging
Throughout development, I resolved routing errors, corrected file structure issues, and refined layout inconsistencies to ensure smooth navigation and performance.
Challenges & Solutions
One of the primary challenges was maintaining consistent styling across multiple templates while avoiding redundancy. Careful organization of static files and template structure allowed for clean and maintainable code.
Future Improvements
- Deploy the website to a production hosting service
- Add database integration for dynamic content
- Improve responsiveness and animation effects
- Implement user authentication features
Source Code
The full source code for this project is available on GitHub.