Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[TECH ED] Module Project: Store Page #34

Open
sairaheta1 opened this issue Jul 17, 2024 · 5 comments
Open

[TECH ED] Module Project: Store Page #34

sairaheta1 opened this issue Jul 17, 2024 · 5 comments
Labels
📅 HTML-CSS Tickets for HTML-CSS 🏕 Priority Mandatory This work is expected 🦑 Size Large 4-8 hours 🎯 Topic Iteration Prototyping, testing, analysing, and refining in a cycle of development 🎯 Topic Requirements Interpreting requirements with precision and accuracy 📅 Week 2 Assigned during Week 2 of this module

Comments

@sairaheta1
Copy link
Member

Link to the coursework

https://github.com/CodeYourFuture/HTML-CSS-Module-Project/tree/master/level-2

Why are we doing this?

Thinking back to Fundamentals, we develop products through iteration. We don't build everything all at once, we add features over time. So let's embed that practice now by:

  1. extending the homepage by adding a new block to it.
  2. adding a new store page that allows users to buy a Karma device using an order form.
  3. connecting the 2 pages together by adding navigation

You are NOT required to make this page work on mobile devices! ;)

Stretch goals

The radio buttons and checkbox in the design require some advanced CSS to follow the design while still using the native functionality of these inputs. Try and give it a go, but don't lose sleep over it if you don't manage! This is challenging and will require some research.

Maximum time in hours

8

How to submit

  • Remember to commit and push your code often. Don't git add . Make sure you know what you are putting in your codebase.
  • Once you're ready for review, do a final push and create a Pull Request.

Note: If you've added your code to the same branch you were using last week, then it will just update your original Pull Request and you won't need a new PR.

How to review

  1. Ask for review from a classmate or mentor, clearly describing what you are looking for
  2. Make changes based on their feedback
  3. Review and refactor again next week

Anything else?

You'll find the designs at the following Figma links:
HOMEPAGE - New section: https://www.figma.com/file/BPtLAPr1HhwQdNfxGyFouo/Karma-design?node-id=23%3A0
STORE - New page: https://www.figma.com/file/BPtLAPr1HhwQdNfxGyFouo/Karma-design?node-id=858%3A3

You can apply for a free Figma for Education account using your trainee subdomain email.

@FrenchFry36
Copy link

Kamino cloned this issue to FrenchFry36/Coursework-Planner

@kostiantynkovalchuk
Copy link

Kamino cloned this issue to kostiantynkovalchuk/Coursework-Planner

@kostiantynkovalchuk
Copy link

Kamino cloned this issue to kostiantynkovalchuk/Coursework-Planner

@FabioMedinaD
Copy link

Kamino cloned this issue to FabioMedinaD/Coursework-Planner

@DelwinMansur
Copy link

Kamino closed and cloned this issue to DelwinMansur/DelwinMansur-Coursework-Planner

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
📅 HTML-CSS Tickets for HTML-CSS 🏕 Priority Mandatory This work is expected 🦑 Size Large 4-8 hours 🎯 Topic Iteration Prototyping, testing, analysing, and refining in a cycle of development 🎯 Topic Requirements Interpreting requirements with precision and accuracy 📅 Week 2 Assigned during Week 2 of this module
Projects
Status: 📋 Backlog
Archived in project
Development

No branches or pull requests

5 participants