No description, website, or topics provided.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
asknow_screenshots add screenshots for Asknow Feb 5, 2018
static search problem UI solved Sep 12, 2018
templates search problem UI solved Sep 12, 2018
Procfile all update Dec 19, 2017 Add port number Sep 12, 2018
requirements.txt Adding requirements file Sep 10, 2018

AskNow UI

Front end for question-answer system "AskNow"

Getting Started

To run it (python 2.7 is required):

python 5001

Work flow

1. In index page, get the question from user input.

2. Backend gets the question, and returns the type of answer with the answer itself to the frontend.

3. The front end received the json data of the input question from backend, then rendering it to the type-specific (resource, list, literal, boolean) page.

Built With

  • Flask - web microframework for Python
  • Bootstrap - Bootstrap is a free and open-source front-end web framework for designing websites and web applications
  • Jquery - JavaScript library designed to simplify the client-side scripting of HTML

See requirements.txt file for python dependencies.

File structure

  • static folder: including css, js and img files for the frond end.
-----themes: folder containing the css files for different color styles
-----stleSwitcher.css: for switch color styles in themes folder
-----asknow.css: basic css file for all webpages
-----bootstrap.css: bootstrap css 
-----font-awesome.min.css: css file for fonts
-----youtube.css: css file in youtube module

-----asknow.js:common javascript for all pages
-----imgSearch.js: js for searching image and rendering in HTML template by using bing image search api
-----videoSearch.js: js for searching video on youtubr and rendering in HTML template
-----resource.js, list.js, litbol.js are for rendering json data in resource, list, literal, and boolean page respectively
-----recorder.js, recorderWorker.js, dictate.js, mob.js are for recording audio function. See [Dictate.js](

--fonts: folder containing fonts style
--img: logos, example images
  • template folder: including resource, boolean, literal, list and 404 page templates

  • data folder: including example json files for this front end.

qa.json: the example json file for autocomplete
resource.json: the example json file containing differernt kinds of questions.
There are four kinds of question in the json file. 
using /_getJSON point to get question type and question content
using /_autocomplete to autocomplete the input field