This part will show my nerdy sense of humor. Just to be sure, I know that there is a real company named BandCamp and they do music sales. I'm mainly keeping the name because it's a play on DataCamp and music is my life force. I'm keeping it mostly trimmed down to the designs and not putting it in titles, so hopefully I get to keep it. My inner teenager also snickers occasionally as I hear "one time, at band camp" in my head.
I figure this is a good chance to explore some of the interesting things I've seen around copy creation via ChatGPT. So I'll use design assets from the community and content from there.
I grabbed one from Creative Market because I haven't found a good AI logo generator yet. They're more like creating a collage by picking fonts and icons. I also knew this was "it" immediately because this project is in no way associated with my day job and and this totally doesn't look like our logo softened and flipped around. 🤪
I'm not using AI to generate web layouts. I've seen some interesing things on Youtube for that, but I'll get too wrapped up in the details of the design. What I need is something that looks great and creates some interesting challenges for creating components with Strapi. I've considered buying Tailwind UI for a while, so I pulled the trigger on it 💸. It's not just for this post series, but for all of these crazy ideas I get where I want to code something but don't want to lose time to the design and styling.
This means that I won't have specific design files like a Figma to outline what I'll be building, but I'm ok with screenshots with some tweaks that I discuss in posts around implementation. Worst case scenario, there's a handy Figma plugin called html.to.design that I've used to bring in HTML/CSS and have something editable.
This is a chance to grow my skills with prompting and to learn how good ChatGPT can be at it (with my skills considered).
It went on a long rant about the role and task, but I really just wanted to frame it for the content.
Works for me! I'm going to try to not get too hung up on these things as the real goal will be to try several items for each component, to test flexibility.
No Battle Plan Survives Contact With the Enemy
When I was initially dreaming this up in my notebook, I was thinking that I would create all of the copy and the initial design for the marketing page, the dashboard, and a course. However, that puts too much emphasis on making this specific thing when what I am really trying to focus on is making flexible, but defensive components. I need to test with lots of variations of copy and styles.