Skip to content
This repository was archived by the owner on Apr 18, 2025. It is now read-only.
This repository was archived by the owner on Apr 18, 2025. It is now read-only.

[TECH ED] Multipage Clone #15

@SallyMcGrath

Description

@SallyMcGrath

Link to the coursework

https://github.com/CodeYourFuture/Module-HTML-CSS/tree/main/MultiPage-Clone

Why are we doing this?

You're recreating a design again, this time the designs are a lot more complicated. The deployed code on Wix won't help you much, as the code is obfuscated and also really badly written. Gnarly! How will you handle this challenge?

Use all the skills you've built so far, especially in your Module Project.

Remember, be organised and professional in how you approach this:

  1. Identify the components on the pages and sketch a wireframe
  2. Define the fonts, colours, and spacing you will use and store them in clearly named variables <== open a PR now
  3. Write general rules for elements like text, headings, images, icons, buttons etc <== update your PR (just keep pushing to your branch)
  4. Write a page layout with CSS grid
  5. Write each component separately, and assign them to your grid layout

Prioritise your work and don't jump around. You may need to cut your scope to maintain your quality. For this project, it's better to deliver one, complete, working page than multiple partly-done broken pages.

Maximum time in hours

10

How to get help

Share your blockers in your class channel. Use the opportunity to refine your skill in Asking Questions like a developer.

How to submit

  1. Fork to your Github account.
  2. Make a branch for this project.
  3. Make regular small commits in this branch with clear messages.
  4. When you are ready, open a PR to the CYF repo, following the instructions in the PR template.

There are several projects in this repo. Make a new branch for each project.

How to review

  1. Complete your PR template
  2. Ask for review from a classmate or mentor
  3. Make changes based on their feedback
  4. Review and refactor again next week

Metadata

Metadata

Assignees

No one assigned

    Labels

    🎯 Topic IterationPrototyping, testing, analysing, and refining in a cycle of development🎯 Topic RequirementsInterpreting requirements with precision and accuracy🎯 Topic Structuring DataDescribing, organising, and systematising data🎯 Topic Time ManagementManaging competing needs and meeting deadlines🏝️ Priority StretchDo this once mandatory and key work is done🐋 Size X-Large8-16 hours📅 HTML-CSSTickets for HTML-CSS📅 Week 4Assigned during Week 4 of this module

    Type

    No type

    Projects

    Status

    📋 Backlog

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions