Week 5: Chatbot

[jacquelinekellyhunt]

Here's my chatbot for the week 5 project
Netifly link: https://boredombot.netlify.app/

[HIPPIEKICK]

Good job putting together this project and making it "your own" 💪 Let's dive into each part of your code...

HTML/CSS

• Very nice styling, it feels cohesive throughout 🎨
• You didn't change the HTML starter code too much, so not too much to say about that. Descriptive class names 👍

JavaScript

• Nice addition with the sound! 🔈 Consider making it into a reusable function called playAudio
• Nice structure of your DOM selectors and global variables
• Remember that you have the power to do anything you want, such as emptying the inputWrapper right after the user has made their choice. Would be nice for user experience I think 😇

Clean Code

• Most variable names are descriptive and follow camelCase, which is great for readability. 🎉 Some of them I think could be even more descriptive. Take askDream, dreamSuperpowers and dreamSuper as examples. Maybe they could be renamed to "askForDreamSuperpower", "showSuperpowerOptions" and "handleSuperpowerAnswer". NB: Just a suggestion, but for coming projects, challenge yourself to make your code completely selfdescribing and ask yourself "Can someone figure out what this function does, just by reading the function name?".
• The JavaScript code is generally well-formatted with consistent indentation. This makes the code easy to follow. One small note: ensure there is a consistent use of spacing around operators and statements for clarity.

Really nice job and well thought through flow ⭐

[HIPPIEKICK]

Very nice addition!

[jacquelinekellyhunt]

Thank you @HIPPIEKICK for this feedback! 😊