QA app

Project description

It's a uni project for Multi-tier web applications designing course.

Technologies used in the project

Frontend

• JavaScript
• Vue.js (VueRouter)
• HTML, CSS
• Vuetify - UI library
• Axios - HTTP library

Backend

• Node.js
• Express
• MongoDB

Functionalities

Display questions

Questions are displayed in the Card components that display the content, author, and category of the question. The available Answer and See answers buttons enable the functionalities described below.

Give an answer

To add an answer to a question, you must click the Answer button on the Question Card. After clicking the button, a dialog box with the appropriate form will be displayed, where you must enter your name and content of the answer.

Display answers

In order to see the answers to a given question, you need to click the See answers button, which is available on the component with the question. After this action a dialog box will appear, where all the answers that have been added will be visible in the form of a timeline.

Ask a question

In order to ask a question, you have to complete the form with the proper data: your name, content and category of the question.