Тёмный

How I Coded a SaaS (payments, database and frontend) 

NeetCode
Подписаться 738 тыс.
Просмотров 136 тыс.
50% 1

🚀 neetcode.io/ - A better way to prepare for Coding Interviews
🥷 Discord: / discord
🐦 Twitter: / neetcode1
0:00 - Intro
0:26 - Frontend
2:55 - Backend
6:35 - Database
8:55 - Payments API
11:40 - Course platforms
#neetcode #coding #saas

Наука

Опубликовано:

 

24 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 195   
@NeetCode
@NeetCode Год назад
🚀 neetcode.io - Get access to every current and future course I ever create. Let me know if you enjoyed this new "architecture" style video and I'll try to do more! 🙂
@abhaytiwari6411
@abhaytiwari6411 Год назад
i like it bro
@tanned_cosines_
@tanned_cosines_ Год назад
very much
@9gager87
@9gager87 Год назад
Super useful! Do more!
@abisheknair3545
@abisheknair3545 Год назад
Pls make an archetecture step by step video to create a system.
@Kaszanas
@Kaszanas Год назад
Well I am trying to implement a similar payment system for my product. Some code examples of how to implement what you were talking about when it comes to yearly subscription + one time payment would be very helpful.
@sams6454
@sams6454 Год назад
Its rare that someone shares their process and all the issues they run into while developing something. Most tutorials these days make things look so easy because they leave out their struggles. This only makes imposter syndrome worse. Thank you for being so genuine!
@georgedicu7397
@georgedicu7397 Год назад
yeah but not many wanna watch their struggle, ive seen many tech channels with all their progress and very very few views and vice-versa I think its pretty tedious to retain users and keep them from being bored. Even if they make a series our of it and not a 10h long video :)
@interstellar1873
@interstellar1873 Год назад
Thanks! Appreciate all the hard work and efforts that you put in for the community.
@somalideveloper1639
@somalideveloper1639 Год назад
Why is your comment highlighted with red and what is 1,000.00 indian rupees
@thechaoslp2047
@thechaoslp2047 Год назад
@@somalideveloper1639 hes a member that donated
@chrissametrinequartz9389
@chrissametrinequartz9389 Год назад
@@thechaoslp2047 It's just a super thanks, which highlights the user, it doesnt have to be a member
@theendurance
@theendurance Год назад
@@somalideveloper1639 donation
@jhonsen9842
@jhonsen9842 Год назад
OMG $1000 , Just WoW.
@timothynash4585
@timothynash4585 Год назад
Amazing video. Software as a Service is the way to become financially independent. Even when you make 200k a year for google you still have google as your boss. When you make 200k a year from the recurring subscriptions to your software as as service thats when you truly made it.
@omkarajagunde4175
@omkarajagunde4175 Год назад
Correct im a mern stack developer, do let me know if you have any need for code collaboration
@DogeMultiverse
@DogeMultiverse Год назад
Instead of having 1 employer (Google), you have 1000 employers (assuming $200 yearly subscription) Each of them threatening to leave for better/cheaper alternatives
@anj000
@anj000 Год назад
Until you realize, software as a service will also lead to an addiction to big corporations and your financial independence will be an illusion. (anything) As A Service is the biggest scam and cancer of our world. You will need subscription to use software, drive a car, and basically live.
@syre1616
@syre1616 Год назад
Been watching you for the longest, and can honestly say you're one of the most genuine channels out there who try to help people as much as possible, keep doing what you're doing brother, already a NeetCode Pro member as well
@shuhaozhang7332
@shuhaozhang7332 Год назад
It’s really motivating to see you doing the coding videos, getting hired by google, a coding problem list website, and then a fully fledged SAAS, step by step. And the best part is you keep going. Cheers mate!
@theodoregolob4191
@theodoregolob4191 Год назад
This type of system design video is incredibly educative. One of your best videos!
@phoneix24886
@phoneix24886 Год назад
I really respect the conviction that you have to help others. Thanks man. The software engineering world needs more people like you.
@abdoreda7126
@abdoreda7126 Год назад
Such a good video, organized and gives a good overview of how you created the project.
@paulogalhardo
@paulogalhardo Год назад
Great content man! What makes it gold to me: * Overview of the application architecture. * Analysis of the decisions you've made. * Problems you encountered and how you solved them. * Explanation of how the chosen technologies work.
@waylag9144
@waylag9144 Год назад
Loved this! I'd love to see more of these architecture type videos.
@CHIRANJIBNANDY1
@CHIRANJIBNANDY1 Год назад
Learned so much from this short video itself. Thanks neetcode. The way you explain the problems you solved, was amazing
@dianasvideos123
@dianasvideos123 Год назад
Thank you for another very helpful video, Neetcode!!! 😃💙 I needed this!!! 🙌🏼
@Kevin-jc1fx
@Kevin-jc1fx Год назад
This is an amazing and very informative video. It gives a very useful overview of what is happening and how a project is handled end to end. Regarding the aesthetics of the site, I think it is worth it to have a professional redesign it for you so that it has a more serious look. Congratulations on reaching new heights. Godspeed.
@Xe054
@Xe054 9 месяцев назад
I loved this video! I'm at a stage where I want to build my own small SaaS project, and this video helped me visualize how I might approach that problem. I know it won't be easy, but I know the rewards of starting your own business can be immense.
@hubertboguski
@hubertboguski Год назад
Love that you’re sharing this.
@sankalpgaharwar8319
@sankalpgaharwar8319 Год назад
Loved the description of the engineering process!
@siruitao
@siruitao Год назад
Thanks, NeetCode. Love your content, it really helps a lot. Just upgrade to pro for life 🤪
@prathameshjoshi2136
@prathameshjoshi2136 Год назад
HAPPY TEACHER'S DAY NEETCODE! Love from India! We're celebrate Teacher's day here in India every 5th of September! :) Please do make more System Design videos like these in future! Would love to learn all of this! Also on a different note, would like to see your face in one of these videos :D I just recognize you by your voice, add a face to this amazing channel already!! Thanks for all the continuous and genuine efforts!
@chrislyonm
@chrislyonm Год назад
There aren't a lot of easy-to-follow architecture videos out there. This is great! Yeah bro, please make more.
@tholfikarmohammed887
@tholfikarmohammed887 Год назад
I will defiantly choose a life time plan for such clearly explained content, I would like to see more of SaaS and system design topics in the future.
@CompSciCentral
@CompSciCentral Год назад
This is so cool to see. You've done a really great developing and launching your platform. I really like the overall feel of *neetcode*. I plan on developing something similar in the future so I love that I'm able to get a sneak peek of your process. It's really eye-opening, there are a lot of things that I haven't considered. Thanks for making this!
@YagiTheDog
@YagiTheDog Год назад
Thank you for sharing! Cool to see how it all works
@Blitzloki
@Blitzloki Год назад
I definitely enjoyed your journey in creating this awesome SaaS
@invictuz4803
@invictuz4803 Год назад
Incredible content, this is the best of the best on the Internet!
@Kyjor_
@Kyjor_ Год назад
This is awesome. Hopefully I don’t need this pending interview results, but if I do I’ll definitely buy this! Your videos have helped me so much in a short amount of time
@akhilbisht798
@akhilbisht798 Год назад
I really liked that you choose to make your own CSS. This makes it look and feel unique
@johnken0
@johnken0 Год назад
This was an amazing video, definitely do something like this againn
@jakemorales7949
@jakemorales7949 Год назад
Awesome retro on Firebase DevX. Seeing this insight definitely helps me/others decide the which tools to use for a fullstack app
@compton8301
@compton8301 Год назад
All the best. I really like such videos- make more please! :)
@dawizze1
@dawizze1 Год назад
Absolutely love this kind of content.
@dorothychristina2721
@dorothychristina2721 Год назад
Eagerly waiting for your next video on how you built this application and do post more on architecture type that is beginner friendly too.love your work.
@yankhonski
@yankhonski Год назад
Well done, congratulations. You inspire me. Thank you!
@ClashwithMeqiC
@ClashwithMeqiC Год назад
Great vid ! Loved they architecture style
@user-oc6ky2tk5o
@user-oc6ky2tk5o Год назад
Thank you, this was really informative !
@beaconbecay1648
@beaconbecay1648 Год назад
Cool architectural video. Hoping for more in the future.
@hazema.6150
@hazema.6150 Год назад
Thanks for the experience sharing. All the best.
@mbaljeetsingh
@mbaljeetsingh Год назад
I completely agree with the cloud functions cold start. I'm also building a sass currently, and I can see this issue when using cloud function for stripe payment. It sometimes take around >5 seconds.
@srinadhp
@srinadhp Год назад
Very interesting to walk through the journey!
@ayomikunogunjuyigbe1286
@ayomikunogunjuyigbe1286 Год назад
Bro you are so good at explaining things😂😂, I really enjoyed this video
@johnsimon8158
@johnsimon8158 Год назад
Loved it great video, your explanations were simple yet great. Would also love a fullstack course by you
@uditsharma5688
@uditsharma5688 Год назад
Wow! that was one detailed video about the neetcodeio.
@ranjithragul
@ranjithragul Год назад
I watched this video when its aired, Its like alien language to me. Today I watched with knowledge of Neetcode system design. Thats realy wonderful.
@noahguale1083
@noahguale1083 Год назад
Keep up with these type of videos!
@Chawndango
@Chawndango Год назад
I know a way around cold starts in Azure is to add a "warm up" trigger to run your function periodically. I imagine you could do the same with cloud scheduler or something to make a request to your function periodically to keep an instance running. Although I'm not sure how much that would cost vs the minimum instances you talk about.
@sleepy-dev14
@sleepy-dev14 Год назад
This is an awesome vid. Very different from the usual tutorials out there. I have one question, have you tried writing a pagination using a no-sql (firestore) and how's the recommended data model for that. Hopefully, you can create a video about this one.
@dansteryoo
@dansteryoo Год назад
def more real world tech problem solutions.. thanks!
@LeoLeung.93
@LeoLeung.93 Год назад
Thanks so much for the website! How long did it take you to build it?
@chaitanyatirki4711
@chaitanyatirki4711 Год назад
Amazing explanation Enjoyed the video
@sakshamkumar9191
@sakshamkumar9191 Год назад
Great Content, keep it up!!
@timothytanner29
@timothytanner29 Год назад
Enjoyed this thanks for posting
@_briantravis
@_briantravis 9 месяцев назад
please create more architecture / system design videos!! loved it :)
@SnehilCodes
@SnehilCodes Год назад
Another MAJOR reason why the status is sent to the server and not the client is because the client can be a malicious user who can send a forged status "SUCCEEDED" request to your firebase function and firebase would consider it to be true. To avoid that you'd have to recheck on the backend to confirm the status, hence the webhook approach is much better and simpler!
@BobbyMully
@BobbyMully Год назад
just went lifetime. Best videos on coding questions hands down
@hoyinli7462
@hoyinli7462 Год назад
love system design type content! support!
@RonanBorja
@RonanBorja Год назад
I love neetcode I wish I had it before I used other courses like Algocademy or other youtuber courses. Can't wait for that frontend content.
@aly3614
@aly3614 Год назад
Awesome content! When would the lifetime acess promo end?
@guillaume5623
@guillaume5623 Год назад
Great content ! Thank you !!!
@SiaarZH
@SiaarZH Год назад
The issue you mentioned at 8:00 is probably related to a client's browser plug-in and often it's something that isn't supposed to cause issues - like a password manager.
@estifanosbireda1892
@estifanosbireda1892 Год назад
yeah, plz do keep it up!
@gunahawk6893
@gunahawk6893 Год назад
Happy for you man
@theenilenation
@theenilenation Год назад
I been using your platform and I know once I finish I'll be ready for them faang interview
@IamConstM
@IamConstM Год назад
Hey man love the video thanks for putting this process out here much appreciated... please how long did it take to have a basic of your saas running online
@NeetCode
@NeetCode Год назад
Probably 1 - 2 months, most of it was rewriting stripe integrations and debugging stripe issues.
@foaRIonia
@foaRIonia Год назад
Hey Neetcode, great video and great stuff as usual. I have a question regarding your new paid courses. In which way are they different than other courses (paid and free) that can be found online? I'm genuinely asking as I want to make an informative decision.
@serkisdav
@serkisdav Год назад
About the coldstart, i had same issues when was developed a Faas software using AWS lambda function, I used serverless framework, and for dealing the prevent the coldstart delays I integrated warmup function that keep the lambda warm and ready for the requests all the time with time scheduled config. Probably firebase must have or must dev something similar :) cheers
@rsKayiira
@rsKayiira Год назад
great video!!
@GreenSoap
@GreenSoap Год назад
Nice breakdown, man the vendor lock-in is real with this one 😬
@TheCodeDealer
@TheCodeDealer Год назад
New Here, thanks for this video.
@sdaiwepm
@sdaiwepm 7 месяцев назад
Do you have a video about bridging the chasm between "tactical" DSA problem solving, which is most of your videos, and designing a large and complex platform like this?
@akash-kumar737
@akash-kumar737 Год назад
I am planning to use cloudflare workers over firebase functions as it look more efficient and without cold start. What is your suggestion?
@posthocprior
@posthocprior Год назад
That was really helpful.
@prodsefv
@prodsefv Год назад
i like how neet can be easy to understand
@just_O
@just_O Год назад
Neetcode is great, channel and the website, I use it often to refresh on some problems and not get rusty. Is there any way to contribute to the website? I think it's fair to try to payback at least a small fraction of all the help you are giving to the community for free
@0lange
@0lange Год назад
Sorry beginner here, what do you mean by "create a rest API with express and containerzise it with docker"? Im just learning node and express myself and it would be great if you could explain the bigger picture of how dockers fits in with all these technology.
@sanesanyo
@sanesanyo Год назад
You could have used the Stripe Firebase Plugin to manage Stripe subscription. That will get you started in matter of minutes. It took me 25 minutes to set up subscription handlers. Strongly recommend if you want to get to MVP asap
@vicradon
@vicradon Год назад
It'll really help folks in Africa if you can integrate Paypal payment option. For example, Nigerian cards don't work on Stripe.
@joshblf
@joshblf Год назад
I've been using this exact stack recently. For me, the speed of keeping my Cloud functions in the same repo as my Angular code has been a big time-saver. I agree with your CSS comments also. Many developers rely too much on pre-built component libraries and never really become experts in CSS. Plus, the web becomes too cookie cutter. This is why we saw the rise of brutalist websites in protest.
@ricocode
@ricocode Год назад
Enjoyed!
@dumdumbringgumgum2940
@dumdumbringgumgum2940 Год назад
waiting for the system design course 🔥🔥🔥
@buddh4r
@buddh4r Год назад
Isn't one reason the payment status is directly sent to your backend instead of the browser that you can not trust the browser? I assume you could validate the status again in the backend but with the webhook we can skip few steps.
@shadon_official2510
@shadon_official2510 Год назад
Amazing stuff
@onuricen2624
@onuricen2624 Год назад
Amazing insights
@venkatbabu186
@venkatbabu186 Год назад
Wherever trade frontend or buy or sale or query or other things.. it is always scan code. Because people don't have to have other functionality. Or language or other types. Even a human ID can be used by scan code. Including login.
@patel5532
@patel5532 Год назад
Is there any doubt solving feature in th plateform which will help me if I am stuck in any of your course? i am thinking to purchase life time pack but first I want to know is there any support for doubt solving sir.
@DAIS_Shujaathullakhan
@DAIS_Shujaathullakhan Год назад
How did u map those problems to leetcode website I'm sure u didn't hardcode it, and how are storing and rendering code samples
@master0fnone
@master0fnone Год назад
What books/resources exist where one can learn about piecing all of these parts of the puzzle together?
@greatestuff
@greatestuff Год назад
"Firebase is not a smooth experience as I was expecting" Thank you!!!!! I felt like I was the only one. Like some kinda Emperor's New Clothes. Everything I see talks about how easy Firebase is, but have they actually used it?
@s8x.
@s8x. Год назад
how do u style your components and make your own images and icons? what software do u use?
@vasanthkumar3685
@vasanthkumar3685 Год назад
I for sometime thought this is a rant video 😂 😂
@nebiyuelias1
@nebiyuelias1 Год назад
I wasn't expecting this from a Google engineer.
@shikhargupta6626
@shikhargupta6626 Год назад
I enjoyed this kind of video.
@shikhargupta6626
@shikhargupta6626 Год назад
Oh wow, you saw my comment. Thank you so much for your work Neet. It is really helpful to so many people. Also, could you please make more videos like this? Thank you. You are commendable.
@blabla-kk8bl
@blabla-kk8bl Год назад
I think this is a hard setup for a saas. I prefer vue-django-mysql classic server setup. Also I am not tend to use vendor lock-in products like firebase and google cloudsql.
@brandonoyama9458
@brandonoyama9458 Год назад
Awesome stuff! How long are you running the 25% discount for? Figuring out finances everyday 😅
@sk-ex5pr
@sk-ex5pr Год назад
2 weeks
@ijasdeen3809
@ijasdeen3809 Год назад
I love the way you speak dude
@sahil_tayade
@sahil_tayade Год назад
I would totally pay for this service if I was into front-end, unfortunately I see myself going more into backend/AI since I really dislike stuff like CSS.
@louisant1817
@louisant1817 11 месяцев назад
I'm so interested in Angular content from you
@varunshrivastava2706
@varunshrivastava2706 Год назад
When will you do another discord event?
@jeevisiran21
@jeevisiran21 Год назад
Thank you😀
@omose14
@omose14 Год назад
Did you end up creating a CMS specifically for the site?
@Blitzloki
@Blitzloki Год назад
How long did it take to complete this project? How long did it take to plan the project and How long did it take to wireframe the idea Just wondering :) This will give me also a good insight on how long it take to create my own SaaS
@dixztube
@dixztube Год назад
So I just finished one and it included User auth Event and organization listings with mapping Event request and response Subscription billing (few subscription models) Organization and event profiles Newsfeed Posts (with likes) Polling (surveys where user can vote) Metrics About 15 static pages CMS (didn’t build and using strapi) Managed Postgres db Reverse proxy using nginx User account area and various dashboards All in all it took about two years but should have taken about 8 months but i was the sole developer doing IA, UI, front end and backend and had to teach myself things I know quickly now that took some time in the beginning Now it would probably take me about 6-8 months. One thing I will say though - the most important thing is the planning. Like do the non code stuff. You don’t have to go full blast UMD charts and documentation but you definitely wanna do some and wireframe everything out
Далее
No-Nonsense Backend Engineering Roadmap
10:16
Просмотров 169 тыс.
Tech Stack I use at Google as a Software Engineer
7:15
Когда поругался с мамой
00:41
Просмотров 775 тыс.
I quit Amazon after two months
10:09
Просмотров 572 тыс.
I tried 5 Firebase alternatives
10:31
Просмотров 758 тыс.
Most Common Concepts for Coding Interviews
6:08
Просмотров 279 тыс.
Backend web development - a complete overview
12:58
Просмотров 1,6 млн
I built 10 web apps... with 10 different languages
14:23
20 System Design Concepts Explained in 10 Minutes
11:41
Big-O Notation - For Coding Interviews
20:38
Просмотров 415 тыс.
WWDC 2024 - June 10 | Apple
1:43:37
Просмотров 10 млн