CMPT 330 – System Design

Welcome to the CMPT 330 repository! This repo contains materials for a System Design course, including a Midterm Project focusing on webpage redesign.

---

Table of Contents

1. Project Overview
2. Repository Structure
3. Important Files
4. Getting Started
5. License

---

Project Overview

The primary focus of this repository is to practice webpage redesign by:

• Implementing specific layout and styling requests (as described in the Project 1 instructions).
• Exploring React + TypeScript + Vite for a modern front-end workflow.
• Learning how to take requests and translate them into functional webpage elements.

---

Repository Structure

• midterm
  Contains all files related to the midterm project. Notable items:
  • Project 1.pdf – A PDF outlining the specific design requests.
  • client-webpage-redesign – A React + TypeScript + Vite project implementing the requested webpage redesign.

---

Important Files

• Project 1.pdf
  Found in midterm/. Contains the detailed prompt for the webpage redesign (bigger hero image, color changes, attention-grabbing links, etc.).

• client-webpage-redesign/package.json
  Declares all dependencies and scripts for building and running the React project.

• client-webpage-redesign/README.md
  Includes notes on the default React + TypeScript + Vite setup, ESLint configuration, and how to expand it for production.

---

Getting Started

See SETUP_INSTRUCTIONS.md for:

• Environment prerequisites (Node.js, npm, etc.).
• Steps to install dependencies.
• Commands to run the local development server.

---