Day-11: ShowwcaseXS first draft of the basic layout

Today is May 4th, 2023 and I'm ready to start turning my design into a reality. First, I'll set up the basic layout with open and close functionality. ShowwcaseXS will be in the Showwcase theme (of course), so I plan to use dark mode for now. If time allows, I may add a light mode later on, but I don't think it will look as good. I personally love dark mode, and I believe many others do as well. Let's get started with development now.

I've created the basic layout of ShowwcaseXS, and it looks incredible! I don't know why, but I'm obsessed with how it looks. The drawer has some cool animations for opening and closing, which just makes it look amazing. I'm loving it! Let me quickly share a GIF of it with you.

In the GIF, you can see a cute little navigation bar on the left side of the drawer, and I've included a button that allows us to open and close it. I plan to add icons corresponding to each screen that I've designed. Currently, I've only named them numerically, but I'm going to change those into icons.

Today feels like the best day of this Hackfest 2023 because I've changed the design of ShowwcaseXS to dark mode and added some small hover animations. I can't even describe how amazing it looks - it's LIT! Let me show you quickly, and we can discuss it later.

Aside from the UI part, I'd also like to showwcase how I maintain my repository for ShowwcaseXS. I create a branch for each feature I add or even smaller changes, so I can demonstrate the development process when building products. To ensure that changes are properly tracked, I've made making pull requests (PRs) mandatory in my repository. I don't want to push anything directly to the main branch and risk causing issues that would make it difficult to track changes. Therefore, I follow the rules of software development, create a PR, and after reviewing it myself, I merge the changes. Let me quickly show you my repository.

This was it for today, tomorrow will be working on adding a proper layout with the logo and will work on integrating APIs after that.