<commit_before># Web Client

1. [Overview](#overview)
2. [File Structure](#file-structure)
3. [Installation Instruction](#installation)
4. [Develop on Components](#component)
5. [Testing](#testing)
6. [Reference](#reference)

## Overview <a name="overview"></a>
The web client is a Vue.js application that integrates all micro-services and provides user interface to end users. The main focus of the web client is to 1) provides on-screen chatbot experience to the users and 2) delivery the system features as a whole

The major technologies we use in web client are:
- Build Tool: [Webpack](https://webpack.js.org/)
- Framework: [Vue.js](https://vuejs.org/)
- UI Library: [ElementUI](http://element.eleme.io/#/en-US)

## File Structure<a name="file-structure"></a>

Below is a list of the most important files and directories
```
-/build                             // includes all webpack build configuration
-/config                            // includes all webpack environment configuration<commit_msg>[#405] update readme<commit_after># Web Client

1. [Overview](#overview)
2. [File Structure](#file-structure)
3. [Installation Instruction](#installation)
4. [Develop on Components](#component)
5. [Testing](#testing)
6. [Reference](#reference)

## Overview <a name="overview"></a>
The web client is a Vue.js application that integrates all micro-services and provides user interface to end users. The main focus of the web client is to 1) provides on-screen chatbot experience to the users and 2) delivery the system features as a whole.

The major technologies we use in web client are:
- Build Tool: [Webpack](https://webpack.js.org/)
- Framework: [Vue.js](https://vuejs.org/)
- UI Library: [ElementUI](http://element.eleme.io/#/en-US)

## File Structure<a name="file-structure"></a>

Below is a list of the most important files and directories
```
-/build                             // includes all webpack build configuration
-/config                            // includes all webpack environment configuration
{'fraction_non_alphanumeric': 0.11956521739130435, 'fraction_numerical': 0.009387351778656126, 'mean_word_length': 3.602272727272727, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '324038', 'n_tokens_mistral': 578, 'n_tokens_neox': 530, 'n_words': 219}