Skip to content

First vanilla JS project made during the bootcamp. To learn functions and DOM manipulation. Done in pairs.

Notifications You must be signed in to change notification settings

karlfredrikholm/project-chatbot

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ice Cream Bot

This was the first vanilla JS project of the Technigo Web Development bootcamp. The assignment was to build a chatbot to practice function and DOM manipulation.

The problem

First we started bouncing around ideas about what kind of chatbot we wanted to build. When we decided on the Ice Cream Shop we started to think about the questions and the chat "flow", what input types we wanted for every question etc.

The most challenging parts was probably to get rather "small" things to work the way we wanted them to. For example getting the checked checkboxes in to the customerOrder object and making the number input behave like we wanted it to.

We used a for-loop and if/else statement to solve the checkbox problem and we used another if/else for the object method presentOrder. We also got a lot of practice in HTML forms, input types and the way they behave etc.

We started off coding a lot together but split up some of the tasks after a while. We had some troubles with GitHub since one of us was working on the main branch and another on their own branch etc. A little stressful, but in the end it was nice to get to know git/github a little bit better.

If we had more time we would probably split up the functions a little more. For example, not just separating the bot questions from the user replies, but also keeping the event listeners separated from the reply functions.

View it live

https://ice-cream-bot.netlify.app/

About

First vanilla JS project made during the bootcamp. To learn functions and DOM manipulation. Done in pairs.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 62.5%
  • CSS 26.6%
  • HTML 10.9%