react-chatbotify / react-chatbotify/gallery-website

[Task] Create Mockups for the Various Pages

Open
#11 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

epic
Dominant language
TypeScript
Stars
10
Forks
15
PR merge metrics
No merged PRs in 30d

Description

Task Description:
The current design of the gallery website was haphazardly put together for v2 and leaves a lot more to be desired. It'll be great to revisit the designs of the pages in the project. For a start, we can address a few page and components. Some examples are below:

  • Landing Page
  • Themes
  • Themes Modal
  • Theme Builder
  • Plugins
  • Profile
  • About
  • Terms of Service

Deliverable(s):

  • Completed mockups for all the various pages/components assigned to this sprint.

Additional Context:
Developers should note that the gallery is dark-themed and that the chatbot library itself adopts the following color scheme:

  • primaryColor: #42b0c5
  • secondaryColor: #491d8d

Developers working on the various pages should also agree upon a set of colors and design style to avoid each page looking drastically different from each other. Cohesiveness is important.

Contributor guide

No contributing guide indexed for this repository

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

No files, tests, or entry points are named. Review the listed pages and components, then align the mockups with the gallery's dark theme, the specified primary and secondary colors, and a cohesive design style. Done means completed mockups for all pages or components assigned to the sprint.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.