My Electronic Portfolio

Welcome to my ePortfolio! This repository contains the code and resources for my personal website, hosted on GitHub Pages. It showcases my experiences, projects, and skills, designed as a central hub for learning more about me.

---

Table of Contents

1. Overview
2. Features
3. Technology Stack
4. Setup Instructions
5. Customization
6. Contributing

---

Overview

This ePortfolio is a culmination of my academic, personal, and professional achievements. Its primary features include:

• A gallery of study abroad photos and videos.
• Plans to include a chatbot that answers questions about me and my experiences.

The website is live at: https://giannaf5027.github.io/index.html

---

Features

Photo and Video Gallery

• Organized with a sticky filter bar for sorting by categories (e.g., Study Abroad, University of Florida, Miscellaneous).
• Responsive design with descriptions visible and aligned with images.
• Video playback functionality where selecting a video stops others.

---

Technology Stack

• Languages: HTML, CSS, JavaScript.
• Frameworks/Libraries: None (built from scratch with custom code).
• Hosting: GitHub Pages.
• Tools: Visual Studio Code, Git, GitHub.

---

Setup Instructions

1. Clone the repository:

   git clone https://github.com/giannaf5027/giannaf5027.github.io.git

2. Navigate to the project directory:

   cd giannaf5027.github.io

3. Open index.html in a web browser to view the website locally.

4. (Optional) Use a local server for a better development experience:

   python -m http.server

   Then open http://localhost:8000 in your browser.

---

Customization

• Gallery Content: Add new photos or videos under the appropriate directories (content/Images or content/Videos) and update the gallery code.

---

Contributing

While this is a personal project, feel free to open issues or suggest improvements via pull requests. Please ensure that your contributions are aligned with the project goals.