expertiza / expertiza/reimplementation-front-end

Create a user interface for Questionnaire

Open
#10 0 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
TypeScript
Stars
2
Forks
115
Avg merge
17d 5h
Merged PRs (30d)
2

Description

Create a Questionnaire main page where we display all the types of questionnaires as you can see below screenshot, as part of this issue one needs to perform the following tasks:

- Create a UI page that lists all types of Questionnaire
- To maintain consistency with the previous user interface, consider including an "add/plus" action button for all questionnaire items. Although the function of this button is not yet determined, create an empty function that will activate upon clicking the button. Consider adding a console log message to verify that the click function is operating correctly.
- When a user clicks on any of the listed items, it should expand and show the data, as you can see in the 'Assignment Survey' Questionnaire below
- Add a checkbox that says, "Display my items only" (which means not to display page after page of "public" items). It should be checked by default.
- You will also be responsible for adding the action for expanded entries though these buttons will only have an empty function behind having just a log statement.

**Note**: Feel free to exercise your creativity when designing the user interface for this page, as long as it remains simple and easy to navigate.

**Old Questionnaire Page**:
![Image](https://user-images.githubusercontent.com/20452032/250950776-46fcb1df-04f3-400d-843f-5c2b8a0f6b55.png)

Contributor guide

No contributing guide indexed for this repository

Research direction

No files, entry points, or tests are named. Start by locating the existing frontend page structure and any questionnaire-related components, then run the application to compare the current interface with the screenshot. Done means a simple questionnaire listing supports expansion, the default checked filter, and placeholder actions for the specified buttons.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, web-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.