🌐 Personal Portfolio Website

A custom-built portfolio showcasing my projects, skills, and growth as a developer

---

✨ Overview

This project is my personal portfolio website, originally started for a class and later expanded into a space where I can present my work, technical experience, and ongoing development as a programmer.

It serves as a central place to showcase projects while also demonstrating my foundation in front-end web development using vanilla HTML, CSS, and JavaScript.

---

🔗 Live Demo

Portfolio Website:
twistedfury.github.io/MySite/home.html

---

🧩 Features

• Personal portfolio homepage
• Project showcase section
• Custom styling with CSS
• Responsive layout structure
• Random quote generator built in JavaScript
• Hosted publicly with GitHub Pages

---

💬 Quote Generator

One of the interactive elements on the site is a random quote generator.

Quotes are stored in a hardcoded JavaScript array, and one is selected at random when the page loads. This was a simple but useful feature for practicing:

• Arrays
• Random selection logic
• DOM manipulation
• Basic JavaScript interactivity

Example

const quotes = [ "Programs must be written for people to read...", "Talk is cheap. Show me the code.", "First, solve the problem. Then, write the code." ];

const randomQuote = quotes[Math.floor(Math.random() * quotes.length)];

🛠️ Tech Stack

Technology Purpose

HTML5 Structure and content CSS3 Styling and layout JavaScript Interactivity and quote generation GitHub Pages Deployment and hosting

📁 Project Structure

MySite
│
├── css/
├── js/
├── images/
├── home.html
└── other pages...

🚀 Running Locally

Clone the repository:

git clone https://github.com/TwistedFury/MySite.git

Then open home.html in your browser.

Since this is a static website, there are no extra dependencies, frameworks, or build steps required.

🎯 Goals of This Project

This site helps me:

Present my work in one place

Practice front-end development fundamentals

Improve visual styling and page organization

Maintain a portfolio I can continue expanding over time

🔮 Future Improvements

Planned or possible improvements include:

Better responsive behavior across screen sizes

Improved UI polish and layout consistency

Project filtering or categorized sections

Contact section or form

Expanded project pages with more detail

Additional animations and visual refinement

👨‍💻 Author

Cody Owens, Software & Game Development Student

GitHub: TwistedFury

Thanks for checking out my portfolio repo.

If you'd like to see the live version, click below:

View Portfolio