Day-27: Testing begins for ShowwcaseXS

Today is May 20, 2023, I accomplished two significant tasks yesterday: completing the crucial voice-to-text feature and finalizing the hero section of the ShowwcaseXS landing page. Today, I have to start testing the extension and have already identified several fixes that need to be fixed. I have written these issues in my notes. There is still a good amount of work remaining to improve both the functionality and user interface aspects of the extension before it can be published.

Today, I successfully completed a critical fix that I had been procrastinating on for quite some time: a CSS styling issue. It took me approximately five hours to analyze each line of code, adding custom CSS where needed, and removing the basic Tailwind CSS. The reason behind this effort is that when the Chrome extension is injected as a content script into a specific website's DOM, all the root styles of that website are applied to the extension. This results in an unappealing UI since the extension was not designed to fit that particular style, and the same applies to the website itself. However, all the time invested in this task was well worth it, as it has relieved a significant headache. Now, I can shift my focus to enhancing the UI aspects.

Next, I worked on enhancing the user interface (UI) of the application. Specifically, I worked on improving the functionality of the snack bar feature. To achieve this, I implemented a custom type attribute that allows me to specify different colors based on the type of message being displayed. For instance, if it's an error message, it will appear in red, while a success message will be displayed in green. Similarly, copy-to-clipboard messages will be shown in blue, and log-out messages in grey.

Additionally, I created a loader component, which can be easily reused wherever necessary.

Tomorrow I have to do some more UI enhancements. And have to work on the landing page as well.