Portfolio Website

Created by Réka Gábosi

Table of Contents

• Description
• Features
• Project Structure
• Installation
• Usage
• Design Philosophy
• Contact
• License

📝 Description

A personal portfolio website built using Flask, HTML, and CSS to showcase my experience in civil engineering and programming. It features detailed pages on my education, work history, certifications, and side projects, as well as a contact form and downloadable résumé.

🚀 Features

• Responsive navigation bar and layout
• Clean, organized UI with split-screen homepage
• Project galleries for both civil and software engineering
• Certificate links and visual project showcases
• Contact form with email, phone, GitHub, and LinkedIn
• Flask backend to manage dynamic content
• Easily extendable and maintainable

📁 Project Structure

• app.py – The main Flask application that runs the server and handles routing.
• templates/ – Contains all Jinja2-based HTML templates for rendering pages.
• static/main.css – Custom CSS used for layout and styling.
• static/assets/images/ – Contains all images used across the site (projects, portraits, backgrounds).
• templates/about.html – Bio and professional motivation.
• templates/experience.html – Work history and engineering responsibilities.
• templates/education.html – Academic background and certificates.
• templates/programming.html – Software development projects and CS50 coursework.
• templates/civil_engineering.html – Showcases civil engineering projects.
• templates/contact.html – Contact form and social links.
• requirements.txt – Lists required Python packages like Flask.
• README.md – Documentation for understanding and running the project.

🧰 Installation

1. Clone the repo

   git clone https://github.com/Afhrodite/Portfolio-Website.git cd Portfolio-Website

2. Create a virtual environment

   python -m venv venv source venv/bin/activate

3. Install dependencies

   pip install -r requirements.txt

4. Run the application

   python app.py

5. Open in browser

   Visit http://127.0.0.1:5000 to view the site locally.

🎨 Design Philosophy

This portfolio was designed to reflect both technical competence and creative clarity. The layout is clean and minimalist, with each section thoughtfully organized to highlight key experiences and skills without overwhelming the visitor.

Key design principles:

• Responsive Design: Works well across desktops, tablets, and mobile devices.
• Split-Screen Introduction: Highlights dual paths in civil engineering and programming.
• Consistent Visual Style: Typography, spacing, and color themes are unified across pages.
• Interactive Elements: Hover effects, embedded links, and clickable images for engagement.
• Separation of Concerns: HTML templates, static assets, and logic are modular and maintainable.

📬 Contact

If you'd like to connect, collaborate, or provide feedback, feel free to reach out:

• Email: gabosireka@gmail.com
• Phone: +40 729 088 660
• LinkedIn: linkedin.com/in/réka-gábosi-8490b8109
• GitHub: github.com/Afhrodite

📄 License

This project is open for learning, inspiration, and personal portfolio use.

All original content and images © 2025 Réka Gábosi unless otherwise stated.
If you reuse or adapt parts of this project, please credit the author.