[TECH ED] CYF Blocks

[haythem-f]

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.

[haythem-f]

[haythem-f]

https://new-personal-hp.netlify.app

[haythem-f]

[haythem-f]

Here is my Personal website after adding the CYF block projects. https://cyf-blocks-haythem-personal-page.netlify.app

[JayMayer]

Hey @haythem-f, really great work deploying those projects! Would you be able to share the user stories for them as well?

[haythem-f]

The user stories for the added Projects to my website from CYF Blocks: -

Dice Project:
As a Developer:
I want the user to feel like he is rolling a real dice. And enjoy playing the game.
As a User:
I want to have fun with the Dice game and try not to go higher than 11.

Earnings & Expenses Project:
As a Developer:
I want the users to be able to count and calculate their earnings and expenses and get the balance, with the right input values. So I want the user to input the earnings as a positive and the expenses as a negative.
As a User:
I want to manage my income and expenses, by knowing my earnings and expenses and the net.

Building an image carousel Project:
As a Developer:
I want to allow the user to cycle through a list of images. Using two buttons one for the next image, and the other one for the previous.
As a User:
I want to enjoy viewing the amazing natural images in the gallery.

[haythem-f]

Here is my project's user stories link.

https://docs.google.com/document/d/15HRXfcHxTipSurGwfiZRzY6-NUUFFkCl0vUCxDGj1JE/edit?usp=sharing