OWASP / OWASP/OpenCRE

Chatbot Page UI Improvement.

Open
#642 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
Python
Stars
180
Forks
137
Avg merge
3d 23h
Merged PRs (30d)
21

Description

Image

I am exploring the Codebase and the website, and in my opinion, the UI of the "/chatbot" Page needs a significant improvement
The Chatbot Page looks outdated. The UI needs a refresh and a modern look. I am very interested in improving the "/chatbot" Page UI.

The Change I want to make

  1. Color Palette and Visual Style
  2. Update the Primary Action Button
  3. Typography and Layout
  4. Chat Interface Specifics (Modern Chat Look)
  5. Update the Text Input Box
  6. Auto Scrolling While Chatting

@robvanderveer @northdpole
Assign this Issue to me, and Please Share your Thoughts on the issue

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the /chatbot page and reviewing its current implementation and styling. Compare the page with the six requested areas: visual style, primary action, typography and layout, chat presentation, text input, and auto-scrolling. Done means an agreed modern UI refresh covers the selected scope and works while chatting.

Written by the indexing model from the issue text.

Assessment

Domain
frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.