search

dimakm / GWG-shoppingList

GWG project- creating a Javascript CSS grocery list
5 stars 3 forks source link

Wireframe and some details #1

Closed dimakm closed 6 years ago

dimakm commented 6 years ago

Wireframe with some details Here are some information of how we are going to work, what do you think about it? any suggestions are welcome!

Html: The HTML is very simple, only a title and an input with (ADD) button, and we'll put a ul tag so later the list items will be added inside of it.

CSS: Style the input Style the "Add" button Style the list items Style the hide button having a class to user when clicking an item,it changes background color and strike out text and add a checked mark

JAVASCRIPT: -Create a new list item when clicking on the "Add" button: Store the text of the input field into a var listItem; Append a child to the ul list the child has the listItem var; If the input is emplty then an alert shows up to tell the user to put something; Add a span with the X button to the list item.

-The X button function: when clicking the close X button hide the item.

-Add a "checked" symbol when clicking on a list item add an eventlistener to the li; when clicked then toggle the class that strickes out the item and addes a checked mark.

-Click on the X button to remove a list item add event listener to the X; when clicked set the display to none.

dimakm commented 6 years ago

Hello mates, @antofon @Eduardo06sp @QAMinn2468 If you like to contribute then can you please add your names to the readme file and send me a pull request ? thank you

antofon commented 6 years ago

Should be available after 5pm today, so I will send you the pull request then. But it looks great so far! I suggest checking for duplicates or incrementing the number of a particular item (i.e. 3 apples).

QAMinn2468 commented 6 years ago

I tried to pull the file, add my name, and push it back and merge it, but it did not seem to work. Kim (QAMinn2468)

Sent from Mail for Windows 10

From: Dima Kroma Sent: Tuesday, March 20, 2018 12:10 PM To: dimakm/shoppingList Cc: Kim McCaffrey; Mention Subject: Re: [dimakm/shoppingList] Wireframe and some details (#1)

Hello mates, @antofon @Eduardo06sp @QAMinn2468 If you like to contribute then can you please add your names to the readme file and send me a pull request ? thank you — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

dimakm commented 6 years ago

@QAMinn2468 I don't know why could this things happen, I'll try to figure it out. I'm so new to GitHub and beginner.

dimakm commented 6 years ago

@antofon take your time, I'll be out of town till tomorrow night without my laptop. Your idea is wonderful, I'll add it .

antofon commented 6 years ago

@dimakm ok, I just created a pull request. @QAMinn2468 I believe that @dimakm has to approve our pull requests so they can be merged.

Eduardo06sp commented 6 years ago

I made a pull request. I'm a beginner so please be patient with me. :}

dimakm commented 6 years ago

Hello everyone, I'm back home! I accepted the pull requests. glad to be working with you guys. @QAMinn2468 Kim I added your name to the readme file, can you please make sure the information are correct. @Eduardo06sp don't worry I am a GitHub beginner too ;)

QAMinn2468 commented 6 years ago

Edits look just right.

Kim

Sent from Mail for Windows 10

From: Dima Kroma Sent: Thursday, March 22, 2018 11:41 PM To: dimakm/GWG-shoppingList Cc: Kim McCaffrey; Mention Subject: Re: [dimakm/GWG-shoppingList] Wireframe and some details (#1)

Hello everyone, I'm back home! I accepted the pull requests. glad to be working with you guys. @QAMinn2468 Kim I added your name to the readme file, can you please make sure the information are correct. @Eduardo06sp don't worry I am a GitHub beginner too ;) — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.