- Fork this repo
- Clone the forked repository
cd
to the directory where you cloned itnpm install
to install dependenciesnpm test
to open the cypress testing window
Note: Remember to
git add
,git commit
andgit push
regularly
- No Need to submit! This is meant as practice.
Build a website with the following user stories:
- As a user I can select how long of an emoji story to generate
- As a user, I can click a button to generate an emoji story (a string of random emojis)
- As a user, I can submit a description of what is happening in my emoji story
- As a user, I can view my past emoji stories and their descriptions and see a count of how many stories I have saved
-
The 'Generate Emoji Story' button should have
id="generate-story-btn"
-
There should be an
input[type="number"]
withid="story-length-input"
-
- Clicking
#generate-story-btn
should add a random emoji story with the right length to an HTML element withid="emoji-story"
- Clicking
-
There should be an
input[type="text"]
withid="description-input"
-
The 'Submit Story Description' button should have
id="submit-description-btn"
-
Clicking
#submit-description-btn
should add an emoji story history item with the emoji story and its description -
Your emoji story history items should be
li
elements. -
The only
li
elements should be your emoji history items -
The title of your emoji story history list should be an
h2
tag withid="history-title"
-
- The text of
#history-title
should say '0 Saved Stories', '1 Saved Story', or '${n} Saved Stories', wheren
is more than 1.
- The text of
-
You may include any emojis you like in your random emoji stories. Here's one collection you could use (feel free to add or remove emojis!):
const emojis = [
'๐','๐','๐
','๐คฃ','๐','๐','๐ก','๐ฅถ','๐ฑ','๐ป',
'๐พ','๐ป','๐','๐
','๐งต','๐ ','๐ฅพ','๐','๐','๐',
'๐ง','๐ฆ','๐ฆ','๐ฒ','๐','๐','๐','๐','๐ฅฏ','๐ญ',
'๐','๐ฃ','๐ฅก','๐คธ','๐ฏ','๐งจ','๐ฎ','๐','๐ฆ ','โค๏ธ',
'๐งก','๐','๐','๐','๐','โข๏ธ','๐ซ','๐ฏ','๐ฑ','๐'
]