UX for AI

EP. 89 - Redefining UX in the AI Era: From Design to Full-Stack Development with AI Tools

• Bonanza Studios

Share episode

Send us a text

In this groundbreaking episode of UX for AI, Adam, a veteran UX designer and entrepreneur with over 15 years of experience, shares his journey of leveraging AI to transition from traditional design workflows to building a full-scale LinkedIn competitor—entirely on his own. The discussion dives deep into the seismic shifts happening in the UX/UI landscape as AI tools like Cursor, Claude, and Builder.IO empower designers to take on development roles, blurring the lines between design and engineering.

Adam begins by outlining his ambitious B150 project: a professional social network combining the best of LinkedIn and Reddit, built almost entirely with AI-assisted coding. He reveals how AI has enabled him to overcome technical barriers, allowing him to prototype, iterate, and even pivot rapidly—something that would have required a full engineering team just a year ago. Key to his workflow is the integration of design tools like Figma with AI-powered development environments, where plugins like Builder.IO translate designs directly into React code, while tools like Neon DB handle backend infrastructure seamlessly.

The conversation explores critical lessons for designers navigating this new paradigm:

  • The Rise of the "Multi-Tool Designer": Adam argues that UX professionals must now embrace coding (or "vibe coding" with AI) to stay relevant, as companies increasingly consolidate roles. He shares how his hybrid skills in design, product strategy, and AI-aided development have let him operate as a "team of one."
  • AI-Driven Workflows: From generating database schemas with ChatGPT to styling components using Tailwind and Radix, Adam breaks down his stack and demonstrates how AI accelerates tasks like authentication (NextAuth), component libraries, and even dark-mode implementations.
  • The Pitfalls and Power of AI: While AI tools like Cursor (his preferred alternative to GitHub Copilot) dramatically speed up development, Adam emphasizes that foundational UX thinking—user flows, accessibility, and design systems—still requires human oversight. He recounts rebuilding his entire app from scratch after a hardware failure, stressing the importance of Git hygiene.

Host Behrad and the audience probe Adam on the future of UX careers, with questions like: Should new designers learn to code? How is AI reshaping job expectations? Adam’s answer is optimistic but pragmatic: UX is evolving, not disappearing. Designers who augment their craft with AI and development skills will thrive as "CEOs of the future," capable of owning products end-to-end.

Packed with actionable insights—from Figma-to-code plugins to database best practices—this episode is a masterclass for designers ready to harness AI and redefine their role in the tech ecosystem. Whether you’re a seasoned pro or a newcomer, Adam’s story proves that with curiosity and the right tools, the gap between design and development has never been smaller.

Interested in joining the podcast? DM Behrad on LinkedIn:
https://www.linkedin.com/in/behradmirafshar/

This podcast is made by Bonanza Studios, Germany’s Premier Digital Design Studio:
https://www.bonanza-studios.com/

00:00:00:00 - 00:00:03:02


00:00:03:02 - 00:00:05:11


00:00:05:11 - 00:00:10:19
Behrad
So, first of all, every Tuesday, same time, we will we have a jam session.

00:00:10:19 - 00:00:30:10
Behrad
So if you how many of you are first time are if in the chat will be actually for me interesting as well. If you are a first timer we like to like what you're seeing. You like to experience. Come back every Tuesday we will have guest. If not, I will pull up what I'm working on. I'll show you.

00:00:30:10 - 00:00:56:11
Behrad
Sure you guys are here to. So we basically every Tuesday same time, in case you would like to basically. Be part of our community, we have a slack channel, which you can always join. Your welcome. It's called looks for. I.

00:00:56:13 - 00:01:24:15
Behrad
I will share the link in the chat as well, in case you want to join. You can find us with the same name who works for AI on on Spotify. We publish the recordings. These are not, the recordings of jam session, but sometimes we see that there's a guest and there's valuable content. We also publish it, and the, here as well.

00:01:24:15 - 00:01:34:20
Behrad
There is a great conversation with Adam that we published. It's episodes. Where is it?

00:01:34:22 - 00:01:36:23
Behrad
Have you published Adam? I don't think so.

00:01:37:00 - 00:01:41:16
Adam
No, I don't think we did. I think we we had a great conversation and we forgot to record.

00:01:41:16 - 00:02:04:09
Behrad
It is coming up, so no worries. It's coming up. So there is a there is a conversation with Adam is coming up as well, which I think is very inspiring. It's I think should be queued up for next week or two week after even this week. So Spotify here, this is my LinkedIn. I will, Adam's LinkedIn as well.

00:02:04:11 - 00:02:43:09
Behrad
This gentleman has done a lot. He's a veteran is not only he's a veteran in UX, he's a design lead, for many years. He has his own business, and he's also doing cool stuff with. So let him explain what he's doing. So follow him as well. Deals. Any questions so far before we and the microphone to Adam.

00:02:43:11 - 00:03:12:08
Behrad
No. All right. Sounds good. Let's let's get right into it. Adam. Pleasure to have you. Since the recording, I've been really wanting to have you here. Finally, we made it happen. So to so tell us all about it. What? What are you working on? What's happening? What tools, technologies you found exciting.

00:03:12:10 - 00:03:36:24
Adam
Yeah, absolutely. And thank you so much for the intro. Vera. And I really appreciate you guys having me. Why don't I start? I can tell you a little bit about myself. Like how I got to this place where I'm at now, and that I'll also give you guys a little bit of context, about my background and, and, and then, like, like how I landed in this moment.

00:03:37:01 - 00:04:10:18
Adam
So I guess a little bit about me, I've been a product designer and creative for over 15 years. You know, previously I was the head of product design for time magazine. I was also the head of design and UX for a few big agencies in the US. B-Real, Basic Dept, aka I've freelanced all over, I've worked with, you know, people, I'm sorry, I meant to say, I, we, I've worked with companies such as Google, meta, Airbnb, you name it.

00:04:10:20 - 00:04:42:05
Adam
As a freelancer. And I started my own agency, Academy, about eight years ago now, and we started actually as a product design studio. And then we actually pivoted into doing staffing and recruiting services. And now we do a ton of content production. On thought leadership in the space. And that kind of led me into this moment where, you know, I started to see a lot of, you know, essentially vibe coding happening on the internet.

00:04:42:07 - 00:05:16:14
Adam
And I had a little bit of a background in development. I'm not an expert developer, but I am good enough to, like, understand and how to set up some basic things in, application. And when a lot of these LMS came out coding, I saw this as a massive opportunity since I had such a great background design and a decent background in coding, that I could start to combine these two things, and even my knowledge of coding, I think, is, you know, not sufficient for a typical, build out.

00:05:16:14 - 00:05:45:01
Adam
Right? Like I would never be able to build a production grade application on my own prior to having access to these amazing LMS. But now I feel very capable. And that set me on this very interesting journey where I started to teach myself more, utilize these tools, start to try and build new platforms with it. And I found myself having a lot of success, like doing it very rapidly.

00:05:45:03 - 00:06:08:11
Adam
And, decided to start publishing my journey on the internet and and showing people really, all the, all the pains that I went through and then all the successes that I've been able to have. And so, I, I took on a new challenge, and I'm calling it B 150. And I'm going to tell you guys a little bit more about it in a second.

00:06:08:13 - 00:06:35:24
Adam
And kind of the idea was like, can I clone LinkedIn? Can like, can I build re rebuild the LinkedIn and do it better than they're doing it and maybe include some other tooling, especially since I work in essentially the recruiting field. Can I build better tools for recruiters because it felt like LinkedIn was like really, really struggling and thus better tools for, talent to be able to find jobs a little bit easier and better.

00:06:35:24 - 00:07:03:13
Adam
And so, so that's kind of like the, the big, journey that like, I've embarked upon and, I'm learning a lot of new things along the way. So I'm, I'm very excited to, share some of the knowledge, and, and some of the progress I've been making. Any questions for me before I kind of launch into some of the cool things we're building, some of the things I'm learning about, and, and all that.

00:07:03:15 - 00:07:27:20
Behrad
I have one. So you mentioned that since you started WIP coding, you made a lot of progress. Do you have sort of like the exact date when you started getting, I assume, like you was ChatGPT for onwards. So. Yeah, but but when was it exactly that you started by coding? Probably getting cursor.

00:07:27:22 - 00:08:07:18
Adam
Yeah. So I'd say that it was actually probably around this time last year that, that I started to see, a lot of progress in terms of the LMS ability to code. And so, and even before that, I was kind of using some things to do, in ChatGPT just like code, some basic things. But, you know, with the advent of tools like, you know, initially like GitHub Copilot and, and then eventually cursor windsurf and other tools like it, just like it went, he took off like a rocket ship and I was like, oh, wow.

00:08:07:20 - 00:08:26:20
Adam
You know, this is amazing. And I was actually working. I had a, we had another startup we were working on called Recruiting Assistant AI. And it's still actually that product is going to be built into this product that we're building. And I had a, CTO and he was amazing CTO. I mean, he's like a, a lead at Amazon.

00:08:26:22 - 00:08:44:22
Adam
Amazing developer. But frankly, it was just he was just too slow, like, he had too many other priorities going on. And I was like, you know what? Like, I'm going to code this thing myself. Like, I need to move faster than this. And I started to use the LMS to do it. And he was shocked at how fast I was moving.

00:08:44:24 - 00:09:01:18
Adam
And, so yeah, we just started to do that and we built that product, but then decided actually to do a major pivot because, we were running into some, some issues with, data acquisition and like, you know, we found out that, you know, to get the LinkedIn data, it's going to cost us like 100,000 a year.

00:09:01:20 - 00:09:15:16
Adam
And so we were like, how do we get the data ourselves? And so then I was like, maybe I should, just go off and try to build this thing on my own and, and start, you know, building like a LinkedIn competitor.

00:09:15:18 - 00:09:29:20
Behrad
Wow. That's that's very bold. That's very bold. Like, I, I think that's that's the adjective I would use. So right now, what's your tech stack right now you probably use cursor.

00:09:29:22 - 00:09:53:19
Adam
Yeah. Great question. And I've experimented with them all. So I'm happy to talk about kind of my journey there. So, you know, I started off, really with just Claude and like, trying to make that work, and like, using it almost like paired programing with, like, not inside or not. I'd just like, outside of it and, like, copy paste, copy paste code because that was a giant pain in the butt.

00:09:53:19 - 00:10:14:16
Adam
And then, you know, when I learned first about, actually podium before windsurf came out, I was like, oh, this is amazing. It's like right in the ide, right in, you know, Visual Studio, right. Microsoft what is it vs code? Yeah, that's what so I was like, this is awesome, I'm going to use this.

00:10:14:16 - 00:10:33:09
Adam
And then, then they came out with windsurf and around the same time, well actually earlier than that person come out and everyone was like kind of raving about cursor. But I, for whatever reason didn't try it at the time. I just was like windsurf, good. It's cheaper. I'm going to go with that. And and it is still excellent.

00:10:33:09 - 00:10:56:20
Adam
It's an exceptional product. But it's, it's more expensive. And I was like, I started to do the math and I was like, okay, I'm going to like, I'm going to switch over to cursor because it seems like it does the exact same things that windsurf does, except cheaper. And so, so yeah, I made the switch probably about a month and a half ago over the cursor and have not looked back.

00:10:56:22 - 00:11:26:03
Adam
You know, it's 20 bucks a month and then I think you pay like $0.04 for every query. You know, or like every, every kind of auto generated, you know, response and, and yeah, it's, it's very affordable. So, yeah, that's, that's currently the I take the primary tool stack and I can get into some like, more specifics about, like what I'm also using, with it to build, you know, the applications that, that we're building.

00:11:26:05 - 00:11:37:04
Behrad
Fantastic. One of, it's, you know, it's being asked in the chat that what's your thoughts on the state of the UX currently after the advent of AI?

00:11:37:06 - 00:12:01:07
Adam
Yeah, I have lots of, lots of thoughts on that. It's very it's an interesting time. Right? Like, I think looking in a short term horizon, you know, you're definitely going to see a lot of, companies start to, require that designers learn how to at least do some level of what, you know, has popularly become vibe coding.

00:12:01:09 - 00:12:21:10
Adam
It's just like a terminology, but I think truly like coding with it, and, and I'll, I'm an assistant. I think that will become one of the most important skills a UX and product designer will need to learn. Just because. And we'll talk about like, why that's so important today actually, and like, talk about some tangible examples.

00:12:21:12 - 00:12:46:19
Adam
I think that's one thing. I think you're going to also see that, design systems are going to become a incredibly important, tool, especially since, you know, and I'm going to go through this today as well. Like, you can start with, like one, a design of one screen. Right. And build a design system off of that one screen and have it literally coded for you.

00:12:46:21 - 00:13:08:00
Adam
Right. And then you can leverage that and then basically cascade it to the rest of your, you know, whatever application you're going to build. And so I'm going to talk about like what my workflow has been looking like. It's been really interesting, a different paradigm in many ways, to the way product design has been done before. And yeah.

00:13:08:00 - 00:13:37:24
Adam
And so I think in the next few years you're going to start to see, like this paradigm shift. I think, as that grows out into the future, like, I could even see a product designer, especially, you know, somebody who is both trained in product, like product strategy and like, traditional product management, but like the hybrid between that and like, a product designer becoming kind of like this singular person in an organization.

00:13:38:01 - 00:14:03:14
Adam
And it could even be literally an organization of one like what I am at this particular moment. Right? Because I have all of those skills combined into one with the business sense, the strategy, the design chops, and, you know, the UX chops and the product chops all into one. So organizations will start to consolidate. And I think you're going to start to see that as like, a new role.

00:14:03:14 - 00:14:22:23
Adam
And I think designers are actually particularly well positioned, because of their design ability, esthetic, and UX, you know, skill. So, yeah, hopefully that answers your question, but that's kind of like where I'm seeing seeing the, the puck going, if you will.

00:14:23:00 - 00:14:39:19
Behrad
And so you run a business which is like about recruiting. Do you see, like from the, from the very practical. So basically if that's a projection of right now, what are the needs of the market when it comes to hiring and the roles that you're hiring for.

00:14:39:21 - 00:15:03:10
Adam
Yeah, I mean, I of course like knowledge of AI and even having experience building for AI platforms is like just a huge, in-demand skill right now. Right? So for those who maybe don't haven't had the opportunity yet because maybe their companies haven't, you know, caught up, or maybe they just haven't had the experience yet. You know, my suggestion is start building up your own case studies.

00:15:03:10 - 00:15:29:02
Adam
Look what I'm doing right here. Like I'm literally building my own case study on how to build for, you know, an AI based product. Right. So, I encourage people to, like, start learning about, AI in general, how it works, how to build tools, for AI and also with AI, and also like learning distinctions between like building foundational tools versus building products that utilize AI.

00:15:29:06 - 00:15:53:11
Adam
Right? So like, like Claude. Right. Or like, you know, an Lem versus like, I don't know, a more specific product, like, like Jasper or something like that that utilizes, you know, these, amazing LMS to help improve their tools. So, yeah, hopefully that answers your question.

00:15:53:13 - 00:16:05:04
Behrad
Testing. And Bernard, I hear Adam very well. I think there's something with the microphone. Hopefully you can figure it out. So, Adam, take it away. What do you have to show to us today?

00:16:05:06 - 00:16:28:03
Adam
Sure. Yeah. Like, why don't I start, I'm going to. I'm going to start in Figma. We're going to work our way outside of that into some other tools. So. And because, like, I want to show you guys like where I started, like, you know, and this is where I start all my projects, right? Like, I started in Figma because I'm a designer and I want to Figma is a better tool to design in, right?

00:16:28:03 - 00:16:50:22
Adam
It it helps me get my ideas out there and, kind of concept and getting a rough idea. And I don't need to think through every single scenario just yet. Like, and literally this is what I did. I haven't I haven't really updated this since, like, I just I did this at the very beginning and then after that I was like purely in, in code in cursor.

00:16:50:22 - 00:17:08:11
Adam
So I'm going to talk about my workflow a little bit. And then I'm going to talk about some of the challenges that I went through along the way. And then, yeah, I'll let you guys ask some questions. So the first screen that I actually designed was like, what's this one? And I'll just like zoom in so you guys can see.

00:17:08:16 - 00:17:09:16
Adam
And

00:17:09:18 - 00:17:10:18
Behrad
Are you share your screen?

00:17:10:24 - 00:17:11:22
Adam
Oh, sorry.

00:17:12:00 - 00:17:13:03
Behrad
I'm,

00:17:13:05 - 00:17:18:05
Adam
I'm not even sharing my screen yet. My bad guys. All right, we're sharing now. Can you guys see my screen?

00:17:18:07 - 00:17:19:12
Behrad
Yes.

00:17:19:14 - 00:17:46:16
Adam
Okay. Wonderful. I'm going to just hide this thing that things. So annoying. Okay, so, this is the, the first screen that I designed. I wanted to kind of create this hybrid between, like, Reddit meets LinkedIn. And, I thought this could be, like, just, like an interesting, way of doing it, because it felt like LinkedIn was just like this feed that you couldn't really search and find things.

00:17:46:16 - 00:18:10:04
Adam
It was like there was no discoverability and nothing was like segmented. And whereas like Reddit was like very segmented. But then you had the problem of Reddit being like, super unprofessional and like, who knows, like what dark corners of the internet are going to pop out on your feed. And so I wanted to make this like a professional platform, but with like some of Reddit's influence and also some of LinkedIn's characteristics.

00:18:10:04 - 00:18:37:03
Adam
So I designed this screen and I was like, this looks really nice. Like I was really, really happy with the esthetic and the layouts and like some of the components that I built, I'm like, cool. Like now I kind of have like an idea for the structure of this thing, right? Like there's always going to be this left sidebar, there's always going to be this top nav, and then everything else in the middle here will be replaced depending on like what's required.

00:18:37:05 - 00:19:00:22
Adam
And so I started to think of like, what are some of the other sections like that I want here? And like, so this was kind of like the discover section. I was thinking, all right, well, in addition to like this feed. Content, can we have like, more of, like a trending content area, for people to discover, like, new things.

00:19:00:24 - 00:19:19:13
Adam
But then I was like, okay, this is like, cool. It looks like really nice and, like, very designer. But, like, I want to have, like, a search to, like, a proper search of all our content and of course, like, hey, what better way than, like, leveraging, you know, some AI tools to be able to, to do that.

00:19:19:15 - 00:19:52:00
Adam
And so, I started to, like, think through this experience a little bit. I didn't, like, spend a whole lot of time here just yet, in fact, like, I haven't even coded this part yet, but I just wanted to, like, get some ideas on paper. And these could also help, like me, build out my design system and like, you know, just wanted to show you guys that, you know, these are some of the things, I'm starting to think about, like, here's, you know, some of the that more chat based, search tooling a little bit more built out in a different state.

00:19:52:02 - 00:20:15:04
Adam
So then I was like, all right, well, I need to build these into like some components. And so I started to, like actually build these out using like, you know, the auto layout grids, and it's like building out some, like, specific components and like, I built the sidebar, I built like a favicon, a logo, some inputs, just like the basics.

00:20:15:04 - 00:20:32:08
Adam
Like I didn't want to like go too crazy with this. Although I do encourage you to get as detailed with these design systems as you possibly can, and I'll show you why in the second. But but yeah, like I just needed a starting point. And so then I was like, all right, well, what what will the colors be?

00:20:32:14 - 00:20:54:18
Adam
Yeah. I'm like, all right. Those colors are pretty nice. I actually had some inspo here. I love to this Dieter Rams like palette. So I like grabbed that and then like I loved the font from these common projects. You all right? Can I, like, find something like that? And, Yeah. And so like, that was kind of like the beginning of, like where things started.

00:20:54:18 - 00:21:23:13
Adam
And then I was like, all right, well, I'm going to make sure that these are all in Auto Layout, because I know that will be important later. And, I needed to get this somehow from here into here, into cursor. Right. And, the way that I did that was, I first started by creating a project in cursors course in the beginning, but, my workflow for, for these pages was I used a plugin called builder IO.

00:21:23:19 - 00:21:43:07
Adam
And this, this tool found it's not perfect. And it takes some, some tweaking and getting used to. But, I found this plugin to be, so far, kind of like the best at taking this design and turning it into actual code. And so like, I'm going to just show you guys, you know, I literally fired this up.

00:21:43:08 - 00:22:08:00
Adam
I press Export code and it's going to start like analyzing all my layers. And eventually it's kind of like output what it thinks is like a pretty roughly good version of like of this as code like manifested as code, as react component code. And and like, so that was kind of like the starting point of like just getting a page like this built.

00:22:08:02 - 00:22:23:24
Adam
And you know, that was it was hard. I had to like I found that it was a little bit easier to break apart different components, like just export this one or just export this one. I just screwed up my export, by the way. I'll try. I won't click anything.

00:22:24:01 - 00:22:29:04
Behrad
Are you using the free tier or builder the IO or you're on your page version for free.

00:22:29:04 - 00:22:52:12
Adam
Free? I don't pay for it. I'll show you how I get around it. They may change this after I release this episode, but, Yeah. Like, from the free one. You can just export this here, and then it's going to, like, pop up and be like, which one do you like? And you can choose and then you can just copy the code and paste it directly into cursors.

00:22:52:12 - 00:23:15:09
Adam
So like, well, well, well I'll just show you it because it's, it's almost done. But but yeah, like literally you can just copy the code and paste it directly into cursor and let it go to town. All right. So let's see. It's, it's still finishing up. So we'll, we'll let that finish and like maybe we'll set up a few things.

00:23:15:09 - 00:23:16:12
Adam
So.

00:23:16:14 - 00:23:20:07
Behrad
So I can check your camera, I think I see you either.

00:23:20:09 - 00:23:45:17
Adam
Oh, really? Maybe it, Let me check. Let me go to, our zoom. Oh. That's weird. I did have a camera issue. Let me fix that. My bad guys. So, we're back. Okay. Hopefully you can hear me. Okay. So, all right, back to, let's go to Figma. Okay. So entering the code now, that might take a second.

00:23:45:17 - 00:24:10:16
Adam
So let's just talk about this here while we're in cursor. So first of all, like I've got my, like, whole project here. I got a bunch of, you know, things that are open. I know it looks like a jumbled mess right now. If you're not used to looking at code, this can be, like, super overwhelming. But, what I do want to like, talk about is some of the things that I got set up, when I first started.

00:24:10:16 - 00:24:32:07
Adam
So the first thing was that I knew I wanted to build this on some very easy to begin with platform. So I, I kind of set up, established the base app. And, one of the things that I knew I needed to you, I wanted to use was, Next.js. So. And you guys can, you can look up this stuff.

00:24:32:07 - 00:25:04:09
Adam
This is a, server side, server side rendering, you know, platform that helps. Basically you build a react based website that is just like super fast, and uses the latest and greatest technology. I also, wanted to use, what's called a Postgres database. Just a like, it's like a more modern type of database that's good for a relationship, a relational database that's good for things like something like the LinkedIn.

00:25:04:11 - 00:25:21:21
Adam
So the one that I used is called neon DB. We'll look at that in a second. The other things that I knew or that for styling I was going to want to use tailwind. So we'll look at that. I also knew that I wanted to use a component library called Raddix. I'm gonna look at that.

00:25:21:23 - 00:25:46:12
Adam
And, and then I also wanted to let's see what was the other things. And I also needed to set up two factor authentication off signal. We're gonna talk about that one. And, Oh, and then regular authentication with with next OC. Now there are a lot of options for all of these things. I just want to tell you that, like, there are a million options.

00:25:46:14 - 00:26:05:04
Adam
These are just the ones that I found and I liked, and I did a lot of research to like figure out which ones were the best for me. But not every project requires these or it doesn't. You know, you can just totally fill it with something else. But, but each of these does a different thing, and they all, you know, do, things that are great.

00:26:05:04 - 00:26:26:00
Adam
So we're going to go through, through through them and talk about each and why. But before we do that, let's just take a look at what happened in Figma here. Okay. So like this one's not bad. It's not great. This one down here looks like it actually did the best job, even though it's not perfect. So I'm going to, like, click that.

00:26:26:02 - 00:26:49:21
Adam
So like that. Now that it's like done I can just say, where is it? Yeah, I think it's copy the builder. They changed this. Or maybe I can. Yeah. Here, copy the builder. So if I just copy that, actually, go back here and, I'm going to just start a new chat and just paste it like that.

00:26:49:23 - 00:27:17:05
Adam
It literally gives you, like, all the code, like, all set up. So, I would just, I would just feed it that, so that that is one way to do it. Right. And I do want to talk about one other way. So that's that's through builder I'll you can also open it in Liverpool. And then from Loverboy you could export it actually while we're here, maybe I'll just like, like this and see if it will, like open up in level one and see how it does.

00:27:17:06 - 00:27:33:04
Adam
So that would be one way to do it. But another thing that I also learned about is, I don't know if you guys have heard of Mickey's. I think it's in our Or settings. Let's see, somewhere over here.

00:27:34:22 - 00:27:44:23
Adam
Sorry, I don't know where this is. Nope. What are the Mickey's now? Anyone know in the chat?

00:27:45:00 - 00:27:53:22
Behrad
I haven't used cursor. I know what it is. It's been sky.

00:27:53:24 - 00:28:15:01
Adam
Sorry, I will, I'll find that later. Probably not worth going through it now, but, I believe there's a thing that I started to use with, I think if you actually just import a Figma file, I don't want to touch this thing. Maybe I can just do it if I right click, copy link.

00:28:15:03 - 00:28:19:12
Adam
Yeah, I think pretty sure.

00:28:19:14 - 00:28:22:09
Behrad
You see this?

00:28:22:11 - 00:28:27:16
Adam
Let's just see what happens.

00:28:27:18 - 00:29:02:14
Adam
You know what I think? Because I just got a new computer may not be installed anymore, so, that's why it's not working. But what I'm going to do is instead, I'm going to go over here. I'm going to show you guys what I think I had been using. So this is called Figma context, Mickey. And what this can do is it can connect with your Figma and your cursor and basically inside of the chat here, if you if you like, just plug in the link, you say like build this page and it will literally read that file directly from Figma.

00:29:02:16 - 00:29:24:00
Adam
Right. And so that's also interesting. I have had some success with that with certain components. So definitely look into it. It is a bit complicated, I might say, to set up, but if you just go, I'll put this link in the chat. Where's the there is chat for people who want to check it out.

00:29:24:00 - 00:29:51:07
Adam
There are other ones too. But this one. Oops. Where'd it go? Yeah. This one. This one so far is the one I tried. But again, like, really not to really follow these steps and, like, figure out how this thing works. It was kind of a pain. I actually ended up having to use the owl, to teach me how to get it installed, which, you know, it's kind of, been a thing with MDPs, but this is a new MCP is like the new jam.

00:29:51:07 - 00:30:15:04
Adam
I won't talk about it here, but you guys should do some more research on, like, why MCP are so powerful. All right, let's, let's get back to things here. We will just check quickly. Lovable is, like, still doing its thing. Not necessary. Let's go talk about some of, like, our our tool stack. So I'm going to just pull up like a few things like neon.

00:30:15:06 - 00:30:30:17
Adam
Maybe. Actually I don't want to open up my console. So I'm going to just like find their general page. Yeah. Here we go. So this is, well, just open my console. Anyways, let's go back.

00:30:30:19 - 00:30:38:08
Behrad
I will ask for follow question on the IO and the integration that you introduced, which I think is very powerful.

00:30:38:10 - 00:30:39:16
Adam
Yeah, sure. Go ahead.

00:30:39:16 - 00:30:54:07
Behrad
So in order to use Figma with builder IO and I get the call that push it to Loverboy or whatever the, you know, method that anyone would choose to use auto layout. Right. That's just yes.

00:30:54:08 - 00:31:13:02
Adam
That great, great question. So if you take a look at my file here, I'm just going to get rid of that thing. We don't need to open it although we'll take a look at my file here. Each of these components uses auto layout right. So these are all built as you can see when I hover over these that they have an auto layout component in this one too.

00:31:13:04 - 00:31:35:17
Adam
Right. All of these kind of like I did it, you know, the way that I felt was right. And there's like a million ways to do auto layout. But you can see that I did attempt to do that. So everything you know here is completely set up with Auto Layout and connected. There's definitely best practices on how to do this better.

00:31:35:19 - 00:31:42:13
Adam
I did not want to spend time following that. Make sense.

00:31:42:15 - 00:31:45:04
Behrad
Here. Thank you.

00:31:45:06 - 00:32:07:16
Adam
Cool. All right. Let's, go check out really quick. So this is neon DB. So, again, this is a database, right. So like this is where you're going to store all the information about, a particular, user and every detail about, about your platform. Actually, let's just pull up mine because I do think it would be beneficial for you to see it like in action.

00:32:07:20 - 00:32:32:22
Adam
So like, here's like our, like, tables. Right. So we've got like our user table. This is like central to the application. It's where we're managing, like, you know, passwords and names and like all the connections and the bio about the person, their title, their profile image, everything, like all the sub connections to, like, their, profiles as well.

00:32:32:22 - 00:32:59:20
Adam
Like where, what their experiences. You know, any, posts that they've had. This is super central. It's connected to all these other tables. And then there's like specific tables, like the experience table that will be very exclusive to that person. Right. So, so yeah, I'm getting all of this, like, I got all this set up here to be able to be the brain of my my application.

00:32:59:22 - 00:33:23:08
Adam
Right. This is where all the data is stored. The other thing I wanted to show you guys is next us. And again, there's other authentication tools like Firebase is a very popular one that's like Google. There's like a million of them out there. I like Nexus because I'm using Next.js. And I wanted like an easy, out of the box solution.

00:33:23:08 - 00:33:48:02
Adam
There's a free tier that is pretty, solid 2000 monthly active users. And then after that, you just, you pay, 99 bucks for like, 5000 monthly and then, like, it's scales from there, it looks like you can add more to get, like, pricing. But either way, this is a nice like out of the box solution for two factor authentication because security was important to me.

00:33:48:04 - 00:34:13:12
Adam
And what's nice about this is they have like passkeys biometric authentication, WhatsApp opt authenticator app opt ToTP, which is like, you know, when you get like Google Authenticator or like Microsoft Authenticator. And they even have push notification, like they have everything built in. I didn't I tried to build this myself. It was a pain in the ass.

00:34:13:14 - 00:34:39:04
Adam
So, my recommendation is use like an omnibox tool if you want to do, MFA and are to say sorry, and then, like other things that we used, Oh, yeah. This was super important. So for.

00:34:39:06 - 00:35:03:19
Adam
They have these themes. So, like, you could totally just use their themes and like, they have, like, all this stuff kind of, like, already built out for you in a very specific style.

00:35:03:21 - 00:35:26:06
Adam
Copy this theme and use it. Or what's really nice is Raddix has built a bunch of what are called primitives. And these primitives are kind of, like, very lightly styled, and you can kind of customize them to be your own. And that's exactly what I've done with my application, is I've used these radix primitives. So like here's like a dropdown.

00:35:26:08 - 00:35:40:21
Adam
Like here's like a dropdown menu, for example.

00:35:40:23 - 00:36:09:06
Adam
And, it makes it really easy to, like, add these things to your application when you need something that is like a basic level. So I used radix primitives as like my starting point. And this connects this is built on top of.

00:36:09:08 - 00:36:34:09
Adam
This so tailwind if you, if you're not familiar, has like a really powerful CSS library where inside of your code like in line, you can write all your CSS styling instead of having to jump out to your CSS file and write it there, you can just do the shorthand versions here. And like this is like makes it so much easier to code, right?

00:36:34:09 - 00:36:55:00
Adam
Because you're just like in one place. And you know, I'm not doing some code, all this code myself. Like, you know, I'm instructing the além to do this. Now I can go in here and I can make some modifications, right? If I want this to be instead of font medium, like make it font normal or something, or font default, then I can change this and do it on my own, right?

00:36:55:00 - 00:37:14:20
Adam
If I don't want to use up a credit, right? But otherwise, like the arm is trained on on tailwind because we're going to, we're going to tell it to be trained and and it will write this code for you, which is amazing. So talent kind of like the backbone of our CSS. We're using it in conjunction with radix.

00:37:14:22 - 00:37:19:17
Adam
And then let's see what else did we, what did we miss? Yeah.

00:37:19:19 - 00:37:39:07
Behrad
Fall follow up on this if we. Yeah. Pull in radix two as basically user interface library because it's predicated on basically based on on top of the tailwind. Yeah. Then we can change CSS inline ignition.

00:37:39:09 - 00:38:06:07
Adam
Yes. Yes you can. So for example like if we just look here let me find something that I was working on. Let's look at we'll just look at the feed. So all right so here we go. Here's a dialog. So the dialog is the component from, remember we just looked at the dialog when you clicked it and it kind of opened.

00:38:06:09 - 00:38:40:09
Adam
And the one we're actually looking at here is a plus button for a create a post. And yeah, I don't know why it's like that, but create a post. And so what's happening here is you have this, this root component that is from radix. But underlying this component are some CSS classes that we can customize. And so here you can see that I added a bunch of tailwind customizations for that particular component so that it's styled the way that I want it.

00:38:40:11 - 00:39:02:11
Adam
And so that to answer your question that that is I mean, I think that is the answer to your question, right? That's how you use them together. Okay. Cool. Any questions about that? I'm happy to explain further. If there is a question. If not, I can totally push forward and tell you some more things.

00:39:02:13 - 00:39:26:20
Behrad
So, before to the rabbits and tell me is a very good to to I'm going to use it for mind because I'm very frustrated with the way, I interpret my CSS changes. I think that makes it makes it in line. I can go there and I know find my way because I don't think like a lamb is good at the simple stuff.

00:39:26:20 - 00:39:50:11
Behrad
Sometimes good, sometimes not good. I don't get, consistency in terms of the output. Sometimes it gets to simple cases. And I've had situations that I had to go back and forth for like half an hour to get one serious, simple CSS has changed, which I should have done it myself anyways. Yeah. So that's that's a really good hack.

00:39:50:13 - 00:40:18:24
Behrad
Before you move further, I like us to go back to the neons. Neon DB yeah, and I have maybe, like, if you think you will explain it later. Yeah, but what I'm really fascinated is all these tables that you have defined, experiences you apply like force. How did you do that?

00:40:19:01 - 00:40:41:05
Adam
Yeah. I mean, what's a lot of this was actually generated by the Elm itself. Right. So I explain to the owl, you know, when I was looking at this, right, like in my instructions when we first created, like the base application, and I was like, all right, I'm, I'm building a, you know, like a social network.

00:40:41:07 - 00:41:05:20
Adam
There's going to be users, right? Those users can create posts, they can follow each other. Each of the users can have, like a profile about themselves with, like, basically a resume like LinkedIn. And, can you help me, like, create like a database schema? And that's what the name is for. Like, basically this is like a database schema, all of these things.

00:41:06:00 - 00:41:31:23
Adam
Right. That will include all the like connect all this information. And so it did a really good job like, with that from the beginning. I even, I think use ChatGPT just for that part, not even like within the code. And then I was like, can you just, like, make a schema and then like make, give me some instructions on, that I can explain to Claude how to build this as code.

00:41:32:04 - 00:41:55:02
Adam
Right. And then I fed that into Claude and then or like at the time, I used windsurf, which was using Claude to help code, cloud 3.5 and, at the time, I was like a little while ago. And, and then it helped create this, generate this database with all these tables, and I even asked it to fill it with some, like, fake content.

00:41:55:08 - 00:42:02:24
Adam
Right. Just to, like, have something in there for now to see it. But yeah, hopefully that answers your question.

00:42:03:01 - 00:42:31:17
Behrad
To double click and do a follow up question, because I think that's going to be huge. I think that's going to be Achilles heels for designers, because when we want to design for us, it's very clear. Let's go to Figma, design the screens. Creatives that are you know, we start with the user flows and like, you know, move slowly towards, you know, screens and get this, when it comes to developing applications, this is the question I've had.

00:42:31:17 - 00:42:44:18
Behrad
This is a question people ask me on LinkedIn. How should we start to start with the backend? For sure, we start with the frontend. So I think maybe if you can touch upon this because I yeah. Click.

00:42:44:22 - 00:43:06:22
Adam
Yeah. That's that's a good, good segue way back to where we were. So because I was talking about like some different things I did for the setup. So, you know, one of the hardest things to set up from the, the, the, the get go. And you really just don't want to have to deal with it later. Because it just becomes a bit of a headache as I always try to get authentication working first.

00:43:06:24 - 00:43:32:01
Adam
So, so like what I mean by authentication is, you know, when you go to, well, actually, let's just do it. We're just going to, like, literally sign in, sign out and, I'm going to show you my application. So this is my sign in page. And let me just actually go to here. So sign in. And I set up authentication with this tool.

00:43:32:01 - 00:43:57:22
Adam
It's called Next off. It works really brilliantly with Next.js. It's actually I think built by the Vercel team. It builds Next.js. And this helps you set up things like sign in with Google or just like traditional, you know, email and password, logins. Right. And it's, it's works really nicely with Postgres databases. Which is what neon is.

00:43:57:24 - 00:44:23:07
Adam
And there are other ones like I mentioned like Firebase, off, you know, there's, there's a lot of docs on this stuff too. This is probably the cheapest and one of the most well known. And there are many others that you can research, but I'll usually do this first and I'll explain that I want to set up authentication with next JS, and I'll even give it this link.

00:44:23:10 - 00:44:45:12
Adam
Right. I'll feed it directly into Curser. And that helped me build like these initial pages, like a sign in and sign up. So I have a signup page and I have a sign in page. And so right now I'm just going to sign in. I can show you just quickly like sign in with Google. And you know, I can I can click my name and let's see if this is going to work.

00:44:45:12 - 00:45:06:07
Adam
This actually might be broken. No it did, it did work. And and then we can just like take a look here in settings and we got my name, we got an email address. It says my account is connected with Google. I can unlink that I want and, because in the past I've had, I've already set up, MFA it's set up.

00:45:06:07 - 00:45:15:21
Adam
But I do wonder if maybe it will. Let's see if it will prompt me to enter that in so you can see that that's working. I think I it should be saved. Oh it is okay.

00:45:16:02 - 00:45:16:20
Behrad
Cool.

00:45:16:22 - 00:45:35:17
Adam
So let me oh wait. I'm not going to be able to do it because my phone is it's my camera. So, I can't plug it in, but this will work. Like I'll plug in my authentication and, and that will, will take me to my, my home page. We'll just sign back in for a second.

00:45:35:19 - 00:46:00:24
Adam
But yeah, so that that's the pages I would set up first, get authentication working because you're going to want to protect your routes like these pages here that you're seeing in front of you. Like a non logged in user should not be able to see this right. This is for people who have logged in. Right. So and all of these routes like explore you know or network like all of them need to be protected.

00:46:00:24 - 00:46:30:08
Adam
And so when you set up authentication it's going to protect your home like root route. You know like in this case localhost 3000 will be like the root. And that one will be more public. But then like your more specific routes will be only for authenticated users, like in this case slash feed. Is the one that we're letting people see if they are logged in and we need to check in the back end like the code needs to check in the background.

00:46:30:08 - 00:46:47:14
Adam
Is this person actually authenticated or not? And if they are not, kick them out and send them to the sign-in page. If they are, then let them see this page. And you know, the alum will know how to set that up because it's kind of been trained on like that is the pattern.

00:46:47:16 - 00:46:48:18
Adam
Makes sense.

00:46:48:20 - 00:46:56:05
Behrad
Yeah. Then we use some of the authentication. But then do you go set up the database first or do you basically go to parallels.

00:46:56:07 - 00:47:19:00
Adam
So before before authentication gets set up I would recommend start starting with the database because you're going to need you know you're going to need it to, to understand the schema and like how it's all working. And then you can I would start with like a baseline application, like some prompt that explains roughly what you're trying to do.

00:47:19:02 - 00:47:41:13
Adam
And, and it will start to build something. Right. You'll have some semblance of an idea up and running. That's where like the good like, like a five coding idea can like take shape, right? But to add more refinement to it, add proper authentication, you know, like all that stuff, you may need to kind of refine. And that's why it takes a lot longer.

00:47:41:15 - 00:48:07:09
Adam
You know, I think like, you know, there's this kind of movement of vibe coding. People are like, wow, I can just like build a full, full scale application in like 10s. It's like, no, it's like it's it seems that easy, but it's like it's actually not that easy. Like there are so many things you you will need to think about as you build your application about, especially in regards to user experience, that, you know, a vibe coded app just won't have thought through.

00:48:07:11 - 00:48:32:14
Adam
And so, that's when you get into the nitty gritty of each piece, whether that's authentication or creating a post. For example, or, you know, or your settings pages, which like are actually somewhat complicated, like more complicated than you'd think, right. Then like that's where, you know, going deep on that will will be very helpful. Make that.

00:48:32:16 - 00:48:59:05
Behrad
Yeah. Actually, I think what you are doing is not comparable to any one else project I have looked at, because the level of I just cannot fathom right now, like it's this is. Not only every user has their own experience. There is going to be public feed. Everyone else will contribute. Well, God bless you.

00:48:59:07 - 00:49:28:05
Adam
Excellent. Yeah. I mean, like I said, you know, five codings like a popularized term and, you know, certainly like, it feels like anybody can like get in there and do, do this and, and that the bar's been lowered so much and that's incredible. But yeah. Like it will require you to like, learn a little bit more about development if you want to get to this level where you're like building a, a really robust application that like truly will become production grade and ready to launch, you know what I mean?

00:49:28:07 - 00:49:49:10
Adam
But but yeah, like, the other thing I think is really important that I want to show you in the foundational stage, like once you've created your schema, once you've got in like the baseline application at once, you've got an authentication set up, is like, you want this, these pages to the design beautifully. Right. And you don't want to have to like redo it every single time.

00:49:49:10 - 00:50:08:01
Adam
You don't want to have to go back to Figma and like go back here and like export it. It's kind of like a pain in the butt, right? I mean, for specific things like this is a very, very bespoke layout right now. I, I needed this to be done. Right. Right. So this one I'm going to I'm going to do that whole process again.

00:50:08:04 - 00:50:32:23
Adam
Right. But what's good is there's going to be a great foundation for this. And for example for my settings page, I did this. I did not I did not design my settings page at all. Right. Like I literally let the lamp do it. I gave it some examples of other settings pages that I like. I like took screenshots and fed it into the, into cursor and, and told it like, hey, can you make it look somewhat like this?

00:50:33:00 - 00:50:54:16
Adam
It took, you know, the components that I built and then helped use leverage its knowledge of my style and apply it based on like the the layout that I gave it from the screenshot. Okay. So so, but here's what I did before all of that. And this is really important. So remember how I built out some of those components?

00:50:54:18 - 00:51:19:06
Adam
Well I decided I'm going to build a components library inside of my project. So I created this the components showcase okay. And I literally, fed in because I really like how Raddix does it with the bar in this bar on the left side where you can, like toggle between different sections. And, you know, I liked that it had like, you know, I wanted to add all this extra detail, but it just was taking too long.

00:51:19:08 - 00:51:38:10
Adam
And so, so actually I'll go to this one, this this is more appropriate. So I was like, cool, can we like to show all of these? So I gave it some instruction. And then I think I went to the introduction page and I like copied this. And I brought it over to cursor and instructed it to build this page.

00:51:38:12 - 00:52:05:10
Adam
And I'm like, I need you to build out like a entire component library leveraging like all this stuff that we have from radix primitives and but use my style and like here's a few examples of like my style and I like give it some buttons. And I gave it, very specific component designs that I'd like basically taken from, from these two places.

00:52:05:12 - 00:52:25:09
Adam
And again, I like leveraged builder detail to like, share it with, with the LM. And I just decided to spend time like, really building out this page and, some of these things it created, like, on its own, like this one. It like, built on its own. It still needs, like, work and styling, but like, it's it's pretty good.

00:52:25:09 - 00:52:44:00
Adam
Like it's a great starting point, right. You know, it built out all these success and error states. It, it built out like, my typography system, which was like, so freaking cool. You know, and I gave it some instruction to help, like, make this better. I spent a lot of time, like, making this really good.

00:52:44:02 - 00:53:06:03
Adam
Okay. And, why that was so beneficial. Like, I have my whole college system here, too, by the way. Right? Was so beneficial is now every time I'm over in person and I'm, like, trying to build like a new page, all I do is type in at showcase and I say like, or I'll like, maybe do some typing before it.

00:53:06:05 - 00:53:31:10
Adam
And you leverage like at showcase stuff or the style of that showcase and build a new page, you know, or let's see what happened when you got there. I'll do, a new about page, like, let's just see, maybe we can do this live and we can see what happens.

00:53:31:12 - 00:53:35:07
Behrad
So what is that ad showcase that you have included?

00:53:35:09 - 00:54:05:02
Adam
Oh, yeah. So I don't know if you know this, but in in cursor, if you do that, you can add files and folders that are in your project. And so like for example at feed, you know like let's say you're like so for me at feed would be one. Right. And this is the add feed component. And so like if I'm like can you make it look like at settings because like Add settings has like a lot of really great content, you have to find the right one.

00:54:05:04 - 00:54:09:23
Adam
Like if I'm looking here it's probably a really good hack. So basically this one.

00:54:10:04 - 00:54:14:10
Behrad
You refer the page that you build and you're happy about as. Yes.

00:54:14:10 - 00:54:42:12
Adam
Oh that's really. Yeah. Yeah. So all right. So like it, it it created an about page like let's, let's take a look here and see if I could actually created it. Maybe it's, it's probably something like this. Let me figure out where, where it plugged it in about. Where is this page? New. Oh, it's created in components for some reason.

00:54:42:14 - 00:54:54:00
Adam
I need a full page for about something on the root slash about.

00:54:54:02 - 00:55:08:15
Adam
Yeah, it's probably gonna be like, okay, I get it. Like, yeah, I need to build you a whole page. I need to add this root. It's going to take a little bit more time to do that. So we'll let it, like, do its thing. And let's see how well it does. But usually it works really well.

00:55:08:15 - 00:55:27:21
Adam
And it like, will leverage all my components and styling and apply it to the page. And for a simple page like about like, like, do I really want to spend my time designing that out? Or like, do I actually just like want to like push forward? I can I can spend time designing that later. Like this is a simple page.

00:55:27:24 - 00:55:53:01
Adam
So the same thing with settings, it's like, let's not spend too much time like obsessing over this and like, let's just build something that works and like move forward. Also, it was nice for tailwind out of the box. It comes with dark mode. So you can like it's a lot easier to style this. So I literally have you know, light mode and dark mode and it can be set the system to it's really nice, very very sleek.

00:55:53:03 - 00:56:00:09
Adam
All right I know we're coming up on time. I want to, oh. Actually this finished. Let's just see if we can see it real quick.

00:56:00:12 - 00:56:04:08
Behrad
There's a really good recipe ending if you can see it.

00:56:04:10 - 00:56:25:21
Adam
Oh, okay. Cool. So it did do some things. Well, it did some things very poorly. Did really bad job with our, typography rules. It, it did it it did a good job with, adding buttons, but it actually, for some reason, this button is, this I this is correct, I think, but something's wrong with it.

00:56:25:23 - 00:56:51:01
Adam
But this button is 100% correct. And it did a good job with our cards, but it's using, like, kind of the wrong card, so it's not perfect. We would definitely give it some more instruction to get this better, but it it looks like our app. Right. Like and for some reason it added this this bar on the left side I think probably because it looked at that showcase and saw that I should have been giving it some more explicit instructions.

00:56:51:03 - 00:57:17:01
Adam
And probably like, even if I like sounded like I would go to like, what is that? That Melbourne for example. Right. So, like, move in. I don't know if you guys, if you use this tool, let me just, like, sign in real quick, like I would find an about page, I think. Oh, I think you need to search through what?

00:57:17:03 - 00:57:38:09
Adam
And it's like, let's find about. And, like, I don't know, we'll just like, grab this one and we can just, like, copy that screenshot and plug it in here. And it will try to, like, mimic the style of that page like layout wise, you know. So I'm not saying like, copy it entirely, but I'm just saying like use that as a reference.

00:57:38:09 - 00:57:59:05
Adam
That's what you would do in your work anyways. Right. So, so yeah, I just wanted to kind of show you guys like that for a workflow. So I know we're we're wrapping up here. Any questions from the audience that I can help? Answer. While we, Yeah, before we go.

00:57:59:07 - 00:58:52:21
Behrad
There was one. I think that was very interesting. The way she left. But I would like to basically voice it because I think you can be in a really good position. Speak to Katerina. So, like, I'm learning UX, UI design. All right, so. How would like how what would you suggest to folks that are basically getting excited about our craft and they want to learn UX design or they're thinking about it, to navigate their stuff with this whole thing, while I was also like, oh, redefining our craft at the same time.

00:58:52:23 - 00:59:15:06
Adam
Yeah. I mean, for somebody at the earliest stages of their career where maybe they are career, you know, doing a career transition, or maybe they're a student and they're like deciding on what their major should be. You know, look, I, I still believe that, UX and product design are some of the most exciting fields to possibly be.

00:59:15:06 - 00:59:39:20
Adam
And, you know, my, my insight before, like, maybe my prediction, maybe not insight, but, my prediction before is that, you know, the CEOs of the future will, may, may in fact be designers because we're really well positioned in terms of our skill sets. We have the esthetic. If the user experience, I don't think it will be hard to acquire the strategy and product management skills and eventually like the business sense.

00:59:39:20 - 01:00:06:22
Adam
So if you're in school now, I mean one like, by way of example, I was a business major in school. I didn't study design at all. I loved design, I was very into it. I did it on the side. I learned a lot of things on the side as I do today. As you can see, I'm like super obsessed with learning, and, and that, that, that I think is positionally extraordinarily well in these very interesting and new times.

01:00:06:23 - 01:00:28:04
Adam
And I recommend other people follow a similar path, explore that curiosity, try to develop skills in multiple areas, be a multi-tool player. Be try to be exceptional in all of them. And I know it sounds crazy to say that, but it is possible. Like you can do it. Am I the best coder? No, not the best designer.

01:00:28:04 - 01:00:58:03
Adam
I don't even think I'm the best designer I've been doing it for 15 years. Right. Am I the best strategist and product person? No, but I have these. I have these skills, and I'm pretty good at them. And I'll surround myself with experts and great people that can do those things even a little bit better. And, I think if you're in the early stages of your career, if you're passionate about this, you should start pursuing it and start collecting those those tools in your toolbelt.

01:00:58:05 - 01:01:22:10
Behrad
Thank you. Adam, I think that was a really lovely answer, the one that I probably go into clip and, share it as, I think, the, to be honest, I wasn't on the pessimistic side. Now I'm on the very bullish, optimistic side, and there is a lot to be discovered. Thanks a lot for sharing all these tips and tricks.

01:01:22:12 - 01:01:26:21
Behrad
You made me redo my entire project, so that's a lot.

01:01:26:23 - 01:01:52:17
Adam
I'm sorry. Well, if it makes you feel any better and let this be a lesson for everybody here, I may. I just published a video about this a few weeks ago. I made the most, what to be called noob, to use some gamer technology, terminology. Noob move ever? Few weeks ago, before, when I started this, for this same project, I built out like 90% we were ready to launch.

01:01:52:17 - 01:02:09:18
Adam
Like, actually, when Brad and I first talked, we were like so close to launching a beta that people could actually use and play with. And, my computer, decided to crash like, die, die, die could not would not turn on. And no.

01:02:09:18 - 01:02:11:02
Behrad
GitHub.

01:02:11:04 - 01:02:12:01
Adam
Was that.

01:02:12:03 - 01:02:14:01
Behrad
Didn't have any GitHub.

01:02:14:03 - 01:02:34:11
Adam
No. I know deeply how to use GitHub. I know everything about it. Right? I know how to stack up things to the cloud. I don't know what I was thinking, you know, like I don't know why I never just saved the project. Like I just thought, oh, it's pretty new. Computer will be fine, right? And so make sure go to my video.

01:02:34:11 - 01:02:59:19
Adam
You can learn how to save to get hub properly. Which is this all cloud based storage. Right. And, yeah. And so I had to start and rebuild this entire app that you are seeing right now from scratch. And so it's what I'm saying is one back up your stuff to it's never too late to start over and refresh and and do it again.

01:02:59:19 - 01:03:18:14
Adam
Right. It's not hard actually. I mean it's hard, but it's, possible is what I'm saying. And within it took me three weeks, but I got back to almost where I was at. In fact, I was able to redo things a little bit better that were not well done. And so I learned a lot of tough lessons.

01:03:18:14 - 01:03:21:19
Adam
But, I think it's in a better shape now.

01:03:21:21 - 01:03:25:01
Behrad
I appreciate it. Thanks a lot for tuning.

01:03:25:03 - 01:03:34:24
Adam
In, but my pleasure. Thank you so much, Garrett. And to everybody who joined, thank you. If you have questions, just send me send me a DM on LinkedIn,

01:03:34:24 - 01:03:40:12
Adam
and, I'm happy to answer them. Thanks so much, Adam. Thank you guys.

01:03:40:12 - 01:03:41:09


01:03:41:09 - 01:03:53:13


01:03:53:13 - 01:03:55:14