Overview

This assignment gets you set up with the professional tools you'll use all semester: GitHub, Figma, and CodePen. You'll create your workspace repository and document your setup for future reference.

Outcomes

By completing this assignment, you will:

• Create your professional GitHub course repository
• Set up GitHub account with proper profile
• Create Figma account for design work
• Set up CodePen for code experiments
• Document your setup in your course repository README

Getting Started

Step 0: 🐙 GitHub Account

Go to: https://github.com/join

• Use your @ewu.edu email address.
• Choose a professional username (this becomes part of your portfolio URL).
• Verify your email.

🐙 Set Up Your GitHub Profile

Click your avatar (top right) → Your profile

Click Edit profile and add:

• Name: Your actual name (so I know who you are!)
• Bio: Something like "DESN368 Student | Learning Web Design"
• Location: Optional
• Website: Optional (you'll have one soon!)

Click Save. Consider adding a profile photo (helps me learn names!)

Step 1: 🗂️ Workspace Setup

Go to the course repository: https://github.com/sicxz/desn368-s26-workspace-template

Click Fork (top right) → this creates your personal copy.

In your forked repo:

• Edit README.md and update your My Toolkit section with links as you complete each tool setup.
• Commit your changes.

Step 2: Follow Your Setup Checklist

Once your repository is created, you'll find a complete setup checklist at: setup/ONBOARDING-CHECKLIST.md

Step 3: Update Your Workspace

As you complete each tool setup, update your README.md file with:

• Your profile links
• Your learning goals

Submit the link to your repository

🆘 Getting Help

Stuck? Here's how to get support:

1. Check the setup checklist in your repository first
2. Ask in our Canvas discussions - your classmates are great resources!
3. Office hours: Mon/Wed 1-2:30 pm, Thurs 1:00-2:00 pm
4. Email: tmasingale@ewu.edu for technical issues

📖 Learning Objectives

This assignment addresses these course objectives:

• Professional tool setup and workflow establishment
• Introduction to version control and documentation
• Understanding of the web design ecosystem
• Development of professional online presence

🎖️ Success Tips

• Start early - some account setups may require email verification
• Professional usernames - choose usernames you'd be comfortable sharing with future employers
• Complete documentation - your README is the first thing people see in your portfolio
• Ask questions - we're all learning together!

📅 What's Next?

After completing this setup, you'll be ready for:

• Week 1: Th3 F1r5t T4g // HTML Fundamentals
• Your first coding project using these tools
• Building your portfolio throughout the semester

Technical Requirements

• All accounts must use professional usernames
• GitHub repository must be public for portfolio sharing
• All profile links must be accessible and working