[TECH ED] Multipage Clone

[SyedArslanHaider]

@sairaheta1 cloned issue Migracode-Barcelona/Module-HTML-CSS#36 on 2024-07-17:

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

[SyedArslanHaider]

https://multi-page-html.netlify.app/