Personal Webpage - Pradigwe.github.io

A personal webpage and ITIS 3135 class project showcasing web development skills in HTML, CSS, and JavaScript.
Includes personal introduction, custom pages, class materials, and examples of good and bad web design practices.

---

Live Demo

Check out the live site here: https://pradigwe.github.io/

---

Features

• Personal Introduction: Includes a photo and a template for users to create their own introduction
• Client Project: Daily Bugle-style club page with dynamic date, event countdown, social links, image slideshow, Google survey integration, event archive, and contact page
• Custom Cafe Page: Polished, user-friendly layout
• Crappy Webpage: Demonstrates common web design mistakes for educational purposes
• Slideshow Gallery: Displays images for each letter of the developer's full name
• Website Evaluations: Analysis of two websites based on CRAP design principles
• Class Pages: Course contract, introduction, and additional project pages

---

Quick Links to Major Pages

• Homepage – Links to LinkedIn, GitHub, FreeCodeCamp, Codecademy, and course page
• Client Project – Club webpage with events, countdown, and contact page
• Hobby Page – Personal hobby showcase with images and script
• Custom Cafe Page – Polished layout project
• Crappy Webpage – Example of poor web design
• Slideshow Gallery – Image slideshow for full name
• Website Evaluations – CRAP principle evaluations

---

Built With

• HTML5
• CSS3
• JavaScript

---

Getting Started

# Clone the repository
git clone https://github.com/pradigwe/pradigwe.github.io.git

# Navigate to the project folder
cd pradigwe.github.io

# Open the homepage in your browser
# Simply open index.html

# Project Structure
pradigwe.github.io/
├── index.html       # Homepage linking to personal profiles and class page
├── README.md        # Project documentation
├── itis3135/
│   ├── components/  # Shared header, footer, and navigation HTML
│   ├── images/      # Image assets (PNG, JPG)
│   ├── scripts/     # JS files for dynamic elements
│   ├── styles/      # CSS styling files
│   ├── project/
│   │   ├── clientproject/
│   │   │   ├── components/
│   │   │   ├── images/
│   │   │   └── scripts/
│   │   ├── hobby/
│   │   │   ├── images/
│   │   │   └── script/
│   │   ├── preciouswebstudios.com/
│   │   ├── stuff/
│   │   └── thepassionateauk/
│   └── z_archives/