Create a Chat Application

Project Description

For this project you are required to build a text-based chat application, meaning the user of the application enters text or similar prompts, and recieves responses, but you may Interpret the concept with a good deal of flexibility.

• The application could be a traditional Chat service, perhaps linking people looking for Web Design help, and experts offering help
• The application could use a chatbot mechanism similar to Eliza
• The application could make use of a 3rd party service like GPT orWolfram Alpha;
• The application could use chat in a larger context, like a service for online role playing games or in Twenty Questions type games
• You could use chat as a game mechanism like the Monkey Island games.

The app should allow users to create an account, and begin a chat (or game, or session etc) with someone specific (or someone random, or some bot service etc). They should be able to access some amount of the history of their chats, and the application should provide some kind of unique service or context that is not available in generic applications like Facebook Messenger Examples might include tutoring, dating gaming, counseling, etc. The application should be written using HTML, CSS, Flask, AJAX, JQuery, and Bootstrap. (Any additional technologies not mentioned in lectures will require special approval from the unit coordinator)

Think carefully about the design of the application. It should be:

• Engaging, so that it looks good and focusses the user on important elements of the chat
• Effective, so it produces value for the user, by provideing information, entertainment or community
• Intuitive, so that it is easy for a user to access

The web application should be styled to be interesting and engaging for a user in the selected context. It should offer several views including

1. An openning view, describing the context and purpose of the application, and allowing the user to create an account or log in
2. A chat view, alowing the user to interact with the application or other users via text (or similar)
3. A search view, alowing the user to review their history and previous interactions

In addition to the web application, you should create a private GitHub project that includes a readme describing:

1. the purpose of the web application, explaining the its design and use.
2. the architecture of the web application.
3. describe how to launch the web application.
4. describe some unit tests for the web application, and how to run them.
5. Include commit logs, showing contributions and review from both contributing students

Group Registration is via this application Not set up yet, which also include a feature for requesting to be assigned to a group and booking demonstration times in week 12.

Getting Started: Select Application Purpose and Style

Find a partner(s) with (ideally with common interests) and come up with a theme for your application. Discuss styling, how the application is likely to be used, and precisely what functionality it should offer.

Criteria: Front-end (50%)

1. The web application must be functional so that the user can easily access the application.
2. The web page must be implemented using HTML5, CSS and Javascript (or a subset thereof).
3. All resources used (inlcuding pictures, javascript libraries, css) must be full referenced.
4. The website must use HTML5, and CSS. The HTML and CSS must pass this validator.
5. The website must work on Chrome, Firefox and Microsoft Edge, and render well on mobile devices.
6. The website should have at least three pages/views:
   • one explaining the context to users, and allowing account creation or log in
   • one presenting the interactive chat
   • one page allowing a user to search their previous interactions.
7. There must be a consistent style (via css file) for all pages yet each page should be easily identifiable.