kostiantynkovalchuk / Coursework-Planner

Your coursework planner
0 stars 0 forks source link

[TECH ED] CYF Blocks #19

Closed kostiantynkovalchuk closed 2 months ago

kostiantynkovalchuk commented 3 months ago

@SallyMcGrath cloned issue Migracode-Barcelona/Course-Fundamentals#23 on 2024-07-05:

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.

kostiantynkovalchuk commented 2 months ago

USER STORIES

Project. Image Carousel.

1) User wants an image carousel to store and watch his selected images. 2) User wants Next and Previous button to choose the image he wants to see. 3) User wants images to be in a loop to enjoy a seamless experience while watching them.

Project. Shopping Cart Light

1) User needs to see all the items to understand the assortment. 2) User needs to ad items to the cart to proceed to payment. 3) User needs to see the total of the cart to correct it before payment.

kostiantynkovalchuk commented 2 months ago

Modifying html dynamically: changing text

Image

kostiantynkovalchuk commented 2 months ago

Modifying html dynamically: setting colours

Image

kostiantynkovalchuk commented 2 months ago

Creating html dynamically: lists of fruit

Image

kostiantynkovalchuk commented 2 months ago

Creating html dynamically: lists of links

Image

kostiantynkovalchuk commented 2 months ago

Buttons and clicks: A button to add apples

Image

kostiantynkovalchuk commented 2 months ago

Inputs and clicks: say something

Image

kostiantynkovalchuk commented 2 months ago

Buttons, inputs and clicks: a todo list

Image

kostiantynkovalchuk commented 2 months ago

Buttons and clicks consolidation

Image

kostiantynkovalchuk commented 2 months ago

Variables: keeping track of the number of clicks

Image

kostiantynkovalchuk commented 2 months ago

Variables consolidation: counting sheep

Image

kostiantynkovalchuk commented 2 months ago

Arrays: Mad Libs revisited

Image

kostiantynkovalchuk commented 2 months ago

Arrays and loops

Image

kostiantynkovalchuk commented 2 months ago

Arrays and buttons

Image

kostiantynkovalchuk commented 2 months ago

Loops and arrays: more fun with fruit

Image

kostiantynkovalchuk commented 2 months ago

Arrays: Adding, removing, and summing elements

Image

kostiantynkovalchuk commented 2 months ago

Project: Don't go higher than 11!

Image

kostiantynkovalchuk commented 2 months ago

Project: Select a random facilitator

Image

kostiantynkovalchuk commented 2 months ago

Project: Show earnings and expenses

Image

kostiantynkovalchuk commented 2 months ago

Project: List of links

Image

kostiantynkovalchuk commented 2 months ago

Project: Create a story book

Image

kostiantynkovalchuk commented 2 months ago

Project: Build an image carousel

Image

kostiantynkovalchuk commented 2 months ago

Shopping Cart Light Image

kostiantynkovalchuk commented 2 months ago

This is my personal project which i have reworked and added a new feature from task Image Carousel (please, find it at the footer).

kostiantynkovalchuk commented 2 months ago

My CV

https://drive.google.com/file/d/1gyWTU6rSUgSRtqnBSDSA42hvNL75L7wM/view?usp=sharing