Vigyata.AI
Is this your channel?

Making a payment will be so sexy...

18.8K views· 855 likes· 18:52· Apr 8, 2022

🛍️ Products Mentioned (4)

This has always been a dream of mine. Run my own company, an Edu-Tech Platform and be my own boss. Join me as I share every step of the way with you, the ups and the downs, of this amazing tech journey. Come along and learn with me and code with me. This series is all about me building a Startup from scratch, solo. INQUIRIES AND COLLABORATIONS ► grebowskifilip@gmail.com Developer Resume Template ➡ https://shop.developerfilip.com ✏️📋 Join my Newsletter ➡ https://shop.developerfilip.com/sign-up 🔥 Join my Discord Server ► https://discord.gg/VBj4yZH Follow me on Twitter ► https://www.twitter.com/developerfilip Follow me on Instagram ► https://www.instagram.com/developerfilip Check me out on GitHub ► https://github.com/FilipGrebowski Chapters for easy navigation: 0:00 intro 0:22 the reality of a startup 1:23 don’t miss my uploads! 1:43 addressing client-side emails 2:27 a security vulnerability (IMPORTANT) 3:19 what could happen (WORST CASE)? 3:45 a SOLUTION to the PROBLEM 4:28 TailwindCSS vs. SCSS 5:06 what sold TailwindCSS for me 7:10 everything is now responsive! 8:08 noSQL vs Relational DB (PLEASE HELP!) 8:50 Authentication is complete (DEMO) 10:40 NextAuth as my Auth Library 11:15 generic Input component changes (Being DUMB) 11:58 your VOTE on what’s next 12:12 SUPER SEXY Payment Details Collection 12:44 quick tangent to Username Validation 13:20 BACK TO SEXY PAYMENT UI 15:22 lets talk code (Payments) 16:50 is the payment card responsive? 17:45 speed-SHOWCASE + summary MUSIC BY ► @epidemicsound #EduPlatform #startup #developer

About This Video

In this episode of my Solo Startup Series, I’m keeping it very real: I’m juggling my full-time job (two laptops life), building this edu-tech platform in every spare 15-minute window, and still trying to make meaningful progress. I walk through what I shipped over the last two weeks—especially around authentication and the signup flow—and I also address a security concern you guys pointed out. Even though I’m not sending sensitive data back to the client (mostly just status codes/booleans), I do currently show “email already exists,” which is great UX but can be abused via brute force. My plan is to handle it with rate limiting (I’m not a fan of reCAPTCHA UX). I also talk about my internal CSS dilemma: I’m an SCSS fan, and I genuinely hate how Tailwind looks inline… but responsiveness finally sold me. Once I started building mobile-first and using consistent sizing, everything snapped into place and the UI became way easier to scale across devices. The big highlight is the “super sexy” Stripe payment details UI. I’m using Stripe Elements (card number/expiry/CVC) inside the Elements provider, plus a GSAP animation that adapts based on screen size. Payment details are optional, but if users add a card, it’ll make future purchases smoother and still secure because Stripe stores it on file.

Frequently Asked Questions

🎬 More from Developer Filip