Dec 28, 2020
Style, Settings & Flowrite "App"
FYI: We are changing our biweekly update cycle to begin on Tuesdays instead of Mondays. Going forward, we'll be using Mondays to finalize the remaining work from the past two weeks 🤙🏻
During the holiday period and the week before, we worked on bringing our unique Flowrite style into the extension experience.
- Tailwind CSS bundled nicely into our typescript build
- No leaking CSS accidentally affecting the visited pages
- Styled popups for user authentication actions and error cases
Furthermore, we designed the UI for our web app (with Figma, ofc). We've done some initial designs earlier but we managed to finish the screens for:
- Configuration & edit windows
- Playground (to test the configurations in different scenarios)
- Flowrite button and its functionalities
- Basic account settings
Lastly, we implemented the designs by developing the front-end for app.flowrite.com:
- Building the .html base with React
- Adding responsive and consistent styling with Tailwind CSS
- Creating simple animations for better user experience