codex-lv2-may-2025

Unit Overview: Collaborative Emoji Encoding Website Project

🧭 Objective

In this unit, groups of 3-4 students will collaboratively create a website that demonstrates different encoding systems using emojis. This project combines concepts from Code.org Unit 5 lessons 2 and 3, along with Git collaboration skills.

---

👥 Group Collaboration Goals

• Practice GitHub workflows in a team setting
• Apply encoding concepts from Code.org Unit 5
• Create and modify HTML files with proper structure
• Implement different encoding systems (custom emoji alphabet and ASCII binary)
• Work as a team to build a cohesive website

---

📚 Lesson List

1. Form Your Group (Group)
   Form a collaborative team of 3-4 students and assign roles for the project.

2. Create the Repository (Repository Owner)
   Create a new GitHub repository for your collaborative emoji encoding website project.

3. Add Collaborators (Repository Owner)
   Add all team members as collaborators to the GitHub repository.

4. Get the Starter Code (Repository Owner)
   Copy the starter HTML files from the course resources to your repository.

5. Clone and Setup (All Members)
   Clone the repository to your local machine and verify all files are present.

6. Update ASCII Binary Page (Group)
   Customize the ASCII binary encoding page with your group’s chosen emojis and create encoded messages.

7. Update Custom Emoji Alphabet Page (Group)
   Create a custom emoji alphabet encoding system and update the page with your group’s unique encoding rules.

8. Update Main Landing Page (Group)
   Customize the main landing page to reflect your group’s project and provide clear navigation between all pages.

9. Git Collaboration Workflow (All Members)
   Learn and practice the proper Git workflow for collaborative development to avoid conflicts and maintain project integrity.

10. Create Individual Pages (Individual)
    Each team member creates their own personal HTML page with an encoded message using their choice of emojis.

11. Link Individual Pages (Group)
    Add links to all individual team member pages from the main landing page to create a complete navigation system.

12. Git Collaboration Workflow (Continued) (All Members)
    Continue practicing the Git collaboration workflow as you complete the individual pages and finalize the project.

13. Test Your Website (Group)
    Thoroughly test your emoji encoding website to ensure all functionality works correctly and the user experience is smooth.

14. Final Documentation (Group)
    Create comprehensive documentation for your emoji encoding website project to showcase your work and help others understand and use your encoding systems.

---

✅ Project Outcome

By the end of this unit, student groups will:

• Create a functional website demonstrating two different encoding systems
• Build a multi-page website with individual contributions from each team member
• Practice effective Git collaboration and communication
• Apply encoding concepts from Code.org Unit 5 lessons
• Produce comprehensive documentation for their project
• Experience real-world collaborative development workflows

---

🛠️ Prerequisites

Before starting this project, ensure you have:

• Completed Code.org Unit 5 lessons 2 and 3
• Basic understanding of HTML and CSS
• Experience with Git commands (clone, add, commit, push)
• A GitHub account
• Experience with collaborative workflows

---

📁 Project Structure

Your final repository should contain:

your-project-name/
├── index.html              # Main landing page
├── encoding-ascii.html     # ASCII binary encoding page
├── encoding-emojis.html    # Custom emoji alphabet page
├── README.md              # Project documentation
└── [group-member-files]/  # Individual student pages