CSS if() Statements Are Finally Here!

attr() Is My New Favorite CSS Function

Large Projects

I Will Never Use Prettier or ESLint Again

Try Clerk: https://go.clerk.com/OjALn70
Try ArcJet: https://launch.arcjet.com/fqxiwiK

AI is incredibly powerful as a tool for coding and for using in projects. In this video I will not only show you how to build the most robust AI powered job preparation platform on YouTube, but I will also show you how you can utilize AI in your own coding to supercharge your development and ship better quality code faster.


📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/ai-powered-job-prep
ShadnCN Theme Install Command: npx shadcn@latest add https://tweakcn.com/r/themes/cmdhthpvq000104jsbno5e4ox
WDS Shadcn Registry: https://wds-shadcn-registry.netlify.app


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00:00 - Demo
00:04:41 - Next.js Setup
00:06:03 - Clerk Setup
00:14:12 - Arcjet Setup
00:20:38 - Env Type Safety Setup
00:24:03 - Shadcn Setup
00:31:13 - Theme Setup
00:40:46 - Database Setup
01:00:25 - Clerk Webhooks
01:28:48 - Create Navbar
01:36:50 - Job Info Index Page
01:43:28 - Job Info Form
02:03:16 - Job Info Index Page (Continued)
02:11:30 - Job Info New Page
02:15:24 - Job Info Details Page
02:34:18 - Job Info Edit Page
02:40:11 - Clerk Theming
02:46:12 - Billing Setup
02:54:53 - Interview Index Page
03:03:46 - Interview New Page
04:07:20 - Interview index Page (Continued)
04:11:54 - Interview Details Page
04:29:10 - Permissions Setup
04:42:17 - Rate Limiting Setup
04:46:44 - AI Interview Feedback Generation
05:02:43 - Questions Page
05:34:45 - AI Question Generation
05:53:25 - AI Question Feedback Generation
05:59:18 - Resume Analysis Page
06:16:49 - AI Resume Analysis Generation
06:29:22 - Resume Analysis Page (Continued)
06:44:26 - Landing Page
07:08:43 - Fixing Errors


#AISaaS #WDS #JavaScript

How to Build the Ultimate AI SaaS Project - AI Interviews, Resume Reviews, Technical Questions

CSS if() Statements Are Finally Here!

attr() Is My New Favorite CSS Function

Large Projects

I Will Never Use Prettier or ESLint Again