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] CYF Blocks #52

Open
MarcusZagorski opened this issue Jul 9, 2023 · 6 comments
Open

[TECH ED] CYF Blocks #52

MarcusZagorski opened this issue Jul 9, 2023 · 6 comments

Comments

@MarcusZagorski
Copy link
Owner

From Course-Fundamentals created by SallyMcGrath: CodeYourFuture/Course-Fundamentals#7

Link to the coursework

https://blocks.codeyourfuture.io/

Why are we doing this?

​Pick one or more of the following projects, define its requirements by writing the user stories, iteratively develop it in CYF Blocks, and ship it! This is part of the graduation criteria.

  • Commenting: Make it possible for a user to add a comment on your website (the comment won't get saved anywhere, so it will disappear when the page is refreshed - we'll work on saving later on)
  • Shopping Cart Light: Make it possible to add products to a "shopping cart" (again, we won't be able to check out/pay with what we know so far)
  • Image carousel: Allow the user to cycle through a set of images
  • Hamburger menu: Display a dropdown menu like https://dev.to/devggaurav/let-s-build-a-responsive-navbar-and-hamburger-menu-using-html-css-and-javascript-4gci

Maximum time in hours

10

How to submit

  1. Write up one of your projects on your copy of this ticket, not forgetting to include:

    • Your user stories
    • Your CYF Blocks implementation (using the share button)
    • Your deployed website
  2. Share your deployed website in your cohort's Slack channel.

@MarcusZagorski
Copy link
Owner Author

As a user, I am able to add products from the item list to my own personal shopping cart.

@MarcusZagorski
Copy link
Owner Author

https://blocks.codeyourfuture.io/share.html?v=('j!('blocks!('languageVersion!0~blocks!%5B%C2%8BL%3B%40gz8v4XoB0'%3A%3Adm%7D80d'~x!15~y!18%7Fdtocart1%C2%80%C2%84st%25%40%7B(*Y%2FYAt%2C'PtT58j%5B%C2%85%C2%87!'ewxmEo0vf%3B%3AbUR*%40z%7C%5Ev%C2%86%C2%88!'D7nbp70MMG%238r%5Bwe3.bv%C2%81_v-LCyU%24%7D%2C'sHAGd4.K_I%C2%89Milk%C2%82HNWsq'%3ArkHb5%7C%40r'%3AbMmQD'~x!16~y!198%7Fdtocart2%C2%80%C2%8414%7DD%23R%5DB8f%2BmxaNq%5E%3BF(%C2%85%C2%87!'0mkj%7Bq%2BT4s4xp5hAa4vo%C2%86%C2%88!'dIYpRN%3BZS_%24X2U%5DxP%3Abp%C2%81%7D*dz0mlp%7DCo%23qs%2B%3Bnq%7CU%C2%89Oranges%C2%82l%2C'.%7CBhYhv1yPpg4%5B8i%5Eb'~x!19~y!376%7Fdtocart3%C2%80%C2%84%246AY%5Eo%5B%24W0orrb%7DCT*bk%C2%85%C2%87!'(dUR6%7B%5D%24nA6x%2Ba%3BRyqxG%C2%86%C2%88!'h%2FFuq0%25%2CCR-*%2C(%5BLS%23jh%C2%81%3D%3DOig%2FhWeRqSlWc%3AwJ9%3B%C2%89Bread%C2%82TfH_MbA%3DPxb%5DhgnJ%2FRAH'~x!26~y!561%7Fdtocart4%C2%80%C2%844puS%7D7.S3T%2Ctjza'%3A94Gm%C2%85%C2%87!'ohJWaCxiTS%25%3Bn6U4tMkV%C2%86%C2%88!'oSA%24o6%3Fh%2C'Hc%256aXXA%3FJG%C2%81-N%7BrP%3DDurRg%7CQsN%7DRd*8%C2%89Biscuits%C2%825N%7D%7BGu%5D%5BTrr%24fDV9c%3BT%2B'~x!30~y!743%7Fdtocart5%C2%80%C2%84%3DvORNSzemW%3FD%25_XtGClK'%C2%8EID!'oranges%22%C2%8D2%24nf6D%3DDin%7CiD3%60Lz%5Dcb%C2%85%C2%87!'%7D'%3AWs%2C'm4.s%7Bl4(V7jEK-x%C2%86%C2%88!'Aa%2C*%7Dy6k%2FyBb%23RxV9sae%C2%81euS%25YV6OwEa%25rFHA8_R6%C2%89Crisps')))))))))))))))))%5D))~h!'%3Cul%3E%5Cn%3Cli%C2%8Amilk%5C'%3EMilk%C2%831%C2%8Foranges%5C'%3EOranges%C2%832%C2%8Fbread%5C'%3EBread%C2%833%C2%8Fbiscuits%5C'%3EBiscuits%C2%834%C2%8Fcrisps%5C'%3ECrisps%C2%835%26%2Ful%3E%5Cn%5Cn%3Cp%3E%5Cn%3Cdiv%3E%3Cb%3ECurrent%C2%8C%3E%3C%2Fdiv%3E%5Cn%3Cul%C2%8Acurrent-list%5C'%3E%3C%2Ful%3E%5Cn')%22')~inputs!('STACK!('block!('type!'%26%5C'%3EAdd%20to%C2%8Cutton%3E%3C%2Fli%3E%5Cn%3C%7F%C2%8ETEXT1!'when%20the%20element%20with%20id'~ID!'ad%C2%80'~TEXT2!'is%20clicked')~inputs!('HANDLER!('block!('%C2%81'~inputs!('VALUE!('shadow!('type!'text'~id!'%C2%82'))))))))))))))%2C%C2%8B%C2%83%20%3Cbutton%C2%8Aaddtocart%C2%84type!'%C2%8D%C2%85'%C2%8EID!'current-list%C2%86'%C2%8EELEMENT!'li%C2%87%22add_element'~id%C2%88%22set_content'~id%C2%89'%C2%8ETEXT!'%C2%8A%20id%3D%5C'%C2%8B('type!'element_clicked'~id!'%C2%8C%20shopping%20cart%3C%2Fb%C2%8Dwith_element_by_id'~id!'%C2%8E~fields!('%C2%8F%26li%C2%8A%01%C2%8F%C2%8E%C2%8D%C2%8C%C2%8B%C2%8A%C2%89%C2%88%C2%87%C2%86%C2%85%C2%84%C2%83%C2%82%C2%81%C2%80%7F%26%22_

@MarcusZagorski
Copy link
Owner Author

@MarcusZagorski
Copy link
Owner Author

2nd Project

As a graphic designer I'm able to use the carousel to allow me to upload images from my portfolio and display them in a slideshow form.

@MarcusZagorski
Copy link
Owner Author

https://blocks.codeyourfuture.io/share.html?v=('j!('blocks!('languageVersion!0~blocks!%5B('type!'on_start'~id!'KtTO'%3AP8GhJ%7BVK%23M%40q-%3AO'~x!-108~y!-24%C2%82TEXT1!'at%20the%20start%20%7Bwhen%20run%20is%20clicked%7D')%C2%8EHANDLER%26variables_set'~id!'tZR%2BfrPMdJvjp-%3B(eOl-%22%7Flists_create_with'~id!'uEe%25a%3A%7Db%5EM4e(s0%60-8%7Dy'~extraState!('itemCount!3)%C2%8EADD0%C2%91VT6%60%3AV%3A*)5*%7CTHMjN%3D(1%C2%80GHCPBVN%2Fthanos.png')))~ADD1%C2%91*K%7DqW_RMRR2YV0%7BS4%2F%7Dr%C2%804VVywSG%2Fspiderman.png')))~ADD2%C2%91%60%2C'n%7D8FMc%23%2Bx%2BbOWW5Cap%C2%80swH0bhb%2Fbatman.png'%C2%86baQQBqyY9lmJ1hhEy%7DIu'~x!-93~y!130%C2%84next%C2%88%C2%8CFgSASijG%40%3Dw%7CA5%3DvL(D1%C2%87%C2%92u'%3A0%23BEov1.ENFfkdM(Ln'%C2%82WHERE!'END')%7F%C2%83aOBRB1d%23%25%2C'tPyW%3F%24QJ6E%C2%89'~WHERE!'FIRST')%7F%C2%81oj%3D%7B4Jgd2%5EYZkgq%7DMT%5BM%22%C2%93%60-1%3AW%23So%3B%3FKOfztb*'%3AEg%22%C2%8Be'%3A%5D%2C'crvuha0AZlJXn)9S%C2%8F%7F%C2%83s%24MYppNGMnKiO%7CoX*5jw%C2%90FIRST')%7F%C2%81D7-t*.%5E%7Dfw)0mX%3FvfJ%5B%23%22))))%C2%86BK%7Bu%23.%3D%7BH%7D%25Ib3(L0Sm%5D'~x!-97~y!339%C2%84previous%C2%88%C2%8CBP4RC6W%7CR4p%2F7jH*eR%23%25%C2%87%C2%92%5B%5EBV%23x31f%7B5HOssm(*%7Cx'%C2%82WHERE!'START')%7F%C2%83tsLW%7CT-QkcJlkU6aA4A)%C2%89'~WHERE!'LAST')%7F%C2%81%5D)%2Cm%2C'p%2CxtK%3B8SSOoO2ZC%22%C2%93%3D8%3FVx%2B*%3FJs5%60j(w%3Bu%2CiJ%22%C2%8BJAzIfBE%3AAP)XTKL0%24LJ%5D%C2%8F%7F%C2%83E%25%3FtNd5Z--%60m1C%3B4B%7DR6%C2%90LAST')%7F%C2%81H%7DLdX-.%3F'%3Ap(%3FkEgh0r%7C6%22)))))))))))))))%5D)~variables!%5B('name!'pictures'~id!'_3X0UX%3AAn%3F%2F3Js7%60B9g0%C2%85picture'~id!'8%3Fywe%2BnXoe.G%3BMB*%2B4%600%C2%85fruits'~%C2%8A%C2%85fruit'~id!'OF(8%2B%24%2B8%2F0X%7DLupu3VZw%C2%85i'~id!'3%5B_W%2FPFE%40Nj_Urvpc*%3BQ%C2%85array'~id!'w%5D%2C'aR8%7BDp_kktqDU3%5EfD%C2%85item'~id!'iHrfjysWp_%2C%3B%5B%5DPUj7r7%C2%85j'~id!'Nw%5DL%2CO%3B_j5o%24QTh3%24%2F%2C'a')%5D)~h!'%3Cimg%20id%3D%5C'picture-display%5C'%3E%3C%2Fimg%3E%5Cn%5Cn%3Cul%20id%3D%5C'links%5C'%3E%3C%2Ful%3E%5Cn%C2%8Dprevious%5C'%3Eprevious%3C%2Fbutton%3E%C2%8Dnext%5C'%3Enext%3C%2Fbutton%3E%5Cn')%22'%C2%82VAR!('%C2%8A'))%26!('block!('type!'%7F%C2%8EVALUE%26%C2%80'%C2%82TEXT!'https%3A%2F%2Fi.ibb.co%2F%C2%81variables_get'~id!'%C2%82~fields!('%C2%83arrays_getFirst'~id!'%C2%84%C2%82TEXT1!'when%20the%20element%20with%20id'~ID!'%C2%85')%2C('name!'%C2%86)))))))))))%2C('type!'element_clicked'~id!'%C2%87'%C2%82ID!'picture-display')%C2%8ESTACK%C2%88'~TEXT2!'is%20clicked')%C2%8EHANDLER%C2%89'%C2%82MODE!'GET%C2%8Aid!'_%2CQdH%3FOPP%24%7C*G1P.%24w2R%C2%8B)))~next%26set_attribute'~id!'%C2%8C%26with_element_by_id'~id!'%C2%8D%5Cn%3Cbutton%20id%3D%5C'%C2%8E~inputs!('%C2%8F'%C2%82PROPERTY!'src')%C2%90%C2%89_REMOVE'~WHERE!'%C2%91%26text'~id!'%C2%92%26arrays_push'~id!'%C2%93)))))~LIST%26%C2%81%01%C2%93%C2%92%C2%91%C2%90%C2%8F%C2%8E%C2%8D%C2%8C%C2%8B%C2%8A%C2%89%C2%88%C2%87%C2%86%C2%85%C2%84%C2%83%C2%82%C2%81%C2%80%7F%26%22_

@MarcusZagorski
Copy link
Owner Author

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Done
Development

No branches or pull requests

1 participant