🏃‍♀️ KNES 381 Final Project — Interactive Portfolio Website

This is my final submission for KNES 381: Computer Applications in Kinesiology. It showcases my technical and creative work through an interactive website, combining elements of web design, data visualization, biomechanics, and coding.

---

🌐 Live Website

• 🔗 Main Site
• 🎨 Portfolio Page (All Projects)

---

🖼️ Featured Work (All Found in the Portfolio)

• 🎮 Scratch Maze Game
  A multi-level game created using Scratch with original characters, story, and music. Built to reflect logic, interactivity, and creativity.

• 📊 Python Data Visualization
  A kinesiology-related graph created using pandas and matplotlib, based on open-source activity data from Kaggle.

• 🎥 Sport/Movement Video Analysis
  A biomechanics-based breakdown of human movement in sport. Embedded as part of the site with written interpretation of the movement patterns.

• 🎨 Digital Artwork A collection of original digital illustrations, showcasing creativity and attention to detail. The artwork reflects a blend of personal expression and technical skills, designed to engage viewers visually. In here I also include photo editing from GIMP!

---

🛠️ Tools & Technologies

• Languages: HTML, CSS, Python, Markdown
• Libraries: Matplotlib, Pandas
• Platforms: Scratch, GitHub Pages
• Tools: Visual Studio Code, Git, GitHub

---

📁 Project Structure

Main Branch
├── assets/                     # Folder for uploaded images and videos
│   ├── about-me.png
│   ├── analysis1.png
│   ├── boat.mp4
│   ├── code1.png
│   ├── graph1.png
│   ├── profile-pic.png
│   ├── project1.png
│   ├── project2.png
│   ├── project4.png
│   ├── volunteer.png
|   ├── my-resume.pdf              # Downloadable resume
│   └── ... (many more images/videos)
│
├── index.html                  # Home page
├── about-me.html              # About Me section
├── portfolio.html             # Links to project pages
├── project1.html              # Individual project page
├── project2.html
├── project3.html
├── project4.html
├── resume.html                # Resume page
│
├── style.css                  # Global styles
├── style-about-me.css        # Specific styling for About Me
├── style-portfolio.css       # Styling for portfolio.html
├── style-project.css         # Styling for all project pages
│
├── favicon.ico                # Website icon
├── README.md                  # Project overview and setup

---

🙏 Acknowledgments

• KNES 381 instructors and classmates
• Kaggle for dataset access
• Scratch community for creative tools
• GitHub Pages for free static hosting
• @iluskaland on github for the website inspiration!

---

👤 Author

Mahnoor Chaudhry
📧 mahnoor.chaudhry1@ucalgary.ca
🐙 GitHub | 💼 LinkedIn