#HKBot
https://umarbellokanwa.github.io/Hkbot/hkbot.html (mobile view)
This chatbot project was developed as an interactive tool for shop members, designed to share information about people in our shop. It serves as a friendly and engaging way to learn more about shop members while showcasing core web development skills.
The project was built using HTML, CSS, and JavaScript during the early stages of learning JavaScript.
- Interactive Chatbot: Users can interact with the chatbot by typing questions or commands.
- Shop Member Profiles: The chatbot provides information about different members in the shop.
- User-Friendly Interface: A simple and clean design created with CSS.
- Dynamic Responses: JavaScript is used to handle user input and generate appropriate responses.
- HTML: Structure of the chatbot interface.
- CSS: Styling and layout.
- JavaScript: Core functionality, including handling user input and generating responses.
- User Input: The user types a message into the chatbot.
- Processing: JavaScript processes the input and determines the appropriate response.
- Response: The chatbot displays a message based on the user’s input.
- Clone or download the project files.
- Open
index.htmlin a web browser. - Start interacting with the chatbot!
- Adding more dynamic responses and expanding the knowledge base of the chatbot.
- Enhancing the user interface with more interactive elements.
- Implementing a backend to store and retrieve data about shop members.
This project was an excellent opportunity to:
- Learn and apply the basics of JavaScript.
- Practice HTML and CSS to create a functional user interface.
- Understand how to handle user input and generate dynamic content using JavaScript.
This project was developed as a learning exercise, and contributions are welcome! Feel free to fork the project and submit pull requests.
This project is open-source and available under the MIT License.
Developed by Umar Bello Kanwa