BeaconCMS / BeaconCMS/beacon_live_admin

Implement the UI with a Component Library

Open
#157 0 comments 0 reactions 0 assignees View on GitHub
ux
Dominant language
JavaScript
Stars
73
Forks
35
PR merge metrics
No merged PRs in 30d

Description

## Summary

Make use of a tailwind component library to implement the UI of the admin app and possibly expose those components to the page builder too.

## Objective
- Save time reusing components
- Keep the same look and feel on all pages
- Expose those components on custom pages (those pages are added by users)

## Expected components and elements

Those are the ones we use currently and below a screenshot of the current design.

- Card
- Button
- Navigation / Header
- Sidebar with toggle option
- Pagination
- Tabs
- Alerts
- Icons
- Timeline
- Modal
- Dialog (Confirmation)
- Media Uploader
- Form
- select
- select with multiple options
- input
- textarea

## Screenshot of current design

For reference.

### Card

card

### Pagination

pagination

### Tabs

tabs

### Timeline

timeline

### Dialog

dialog

### Media Uploader

uploader

Contributor guide

No contributing guide indexed for this repository

Research direction

The issue names no files, tests, or entry points. Start by locating the admin app's existing UI and page-builder integration, then compare them with the listed components and screenshots; done means the reusable Tailwind components implement the admin UI and are exposed to custom pages where applicable.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.