The goal of this web application is to provide a virtual chat bot to users. The bot can be used just for entertainment.
PS: The application is running on a free tier on heroku. When the application is not used for a certain of time, Heroku tends to shut down the server. So if you get an error page the first time opening the application, just wait a few minutes and try to lunch the appliction again.
-
-
- As Visitor, I want to be able to ask a question to the bot
- As Visitor, I want to be able to see the reaction from the bot and have a chat conversation
-
-
-
- The two main colours used are light blue, and black and pink.
-
- The Shanti font is the main font used throughout the whole application with Sans Serif as the fallback font in case for any reason the fonts aren't being imported into the site correctly.
-
- Images are not really widely used in this project.
-
-
Interactive elements
-
Natural language processing
-
Form on the page for the chat conversation with the bot
- Git
- Git was used for version control by utilizing the Gitpod terminal to commit to Git and Push to GitHub.
- GitHub:
- GitHub is used to store the projects code after being pushed from Git.
- Heroku:
- Heroku is a platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud.
- NLTK:
- NLTK is a leading platform for building Python programs to work with human language data. It provides easy-to-use interfaces to over 50 corpora and lexical
The W3C Markup Validator and W3C CSS Validator Services were used to validate every page of the project to ensure there were no syntax errors in the project.
- W3C Markup Validator - [Results] No errors were found
- W3C CSS Validator - [Results] No errors were found
- PYTHON - [Results] No errors were found
-
-
As Visitor, I want to be able to ask a question to the bot
- Upon entering the site, there is a form with a text input field and a button
- Fill in any one setence question you have and press on the send button
- The answer to your question will be displayed shorted after the bot has it processed
-
- The Website was tested on Google Chrome, Microsoft Edge and Safari browsers.
- The website was viewed on a variety of devices such as Desktop, Laptop, iPhone7, iPhone 8 & iPhoneX.
- A large amount of testing was done to ensure that all pages were linking correctly.
- Friends and family members were asked to review the site and documentation to point out any bugs and/or user experience issues.
The project was deployed to Heroku using the following steps...
- A docker file was created with instructions on how to create a docker image for this project
- from the docker file a docker image was built and sent to the docker hub repository
- Using Heroku cli, the docker image was pulled from docker hub, tagged and push to the Heroku containers registry
- With Heroku cli a container was created from the docker image
- From the container, the application was launched and Heroku assigned the application a port number to maake it accessible
By forking the GitHub Repository we make a copy of the original repository on our GitHub account to view and/or make changes without affecting the original repository by using the following steps...
- Log in to GitHub and locate the GitHub Repository
- At the top of the Repository (not top of page) just above the "Settings" Button on the menu, locate the "Fork" Button.
- You should now have a copy of the original repository in your GitHub account.
- Log in to GitHub and locate the GitHub Repository
- Under the repository name, click "Clone or download".
- To clone the repository using HTTPS, under "Clone with HTTPS", copy the link.
- Open Git Bash
- Change the current working directory to the location where you want the cloned directory to be made.
- Type
git clone
, and then paste the URL you copied in Step 3.
$ git clone https://github.com/YOUR-USERNAME/YOUR-REPOSITORY
- Press Enter. Your local clone will be created.
$ git clone https://github.com/YOUR-USERNAME/YOUR-REPOSITORY
> Cloning into `CI-Clone`...
> remote: Counting objects: 10, done.
> remote: Compressing objects: 100% (8/8), done.
> remove: Total 10 (delta 1), reused 10 (delta 1)
> Unpacking objects: 100% (10/10), done.
Click Here to retrieve pictures for some of the buttons and more detailed explanations of the above process.
- MDN Web Docs : For Pattern Validation code. Code was modified to better fit my needs and to match an Irish phone number layout to ensure correct validation. Tutorial Found Here
- All content was written by the developer.
-
My Mentor for continuous helpful feedback.
-
Tutor support at Code Institute for their support.