Create initial screen for chrome extension

stakwork / sphinx-js

Web extension and PWA for Sphinx.chat and 2nd Brain

2 stars 2 forks source link

Create initial screen for chrome extension #5

Closed ecurrencyhodler closed 8 months ago

ecurrencyhodler commented 9 months ago

When a user first clicks on the extension, they will have an empty state with 0 secondbrains and 0 L402's. We are also skipping log-in authentication for the initial phase and only enabling functionality.

The user will be prompted with this screen.

You can find the high fidelity figma file here.

This window also closes if you click outside the Chrome Extension popup window.

Acceptance Criteria

[ ] Tested on Chrome
[ ] Posted screenshot of screen in the PR

PlebeiusGaragicus commented 9 months ago

I'd love to take this one.

dylanbathurst commented 9 months ago

I can take this one

dylanbathurst commented 8 months ago

@ecurrencyhodler The PR is here https://github.com/stakwork/sphinx-js/pull/13 and is ready to merge. Some things we may want to consider for the future are styling libraries. I prefer and used tailwindcss for this extension as it allows really rapid development. I also used the svg icons from the figma file, but we may want to consider using an icon library like feather icons or others, but it's totally fine if we use the ones in figma as well.

ecurrencyhodler commented 8 months ago

Closed by #13