Thomas Sankara
Thomas Sankara
  • Видео 429
  • Просмотров 712 504
Full Stack Events App with Convex and Kinde Auth | Part 10 | Show All Events | TsbSankara
#tsbsankara
In this video, we are going to build a Full Stack Events app using NextJs 15, Convex, TailwindCSS and ShadCN.
Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips
Subscribe here: bit.ly/3qsAsNC
GitHub Repo: github.com/sankthomas/convex-events-app
Live Website: tsbsankara-events.vercel.app
My eBook, Fundamentals of ReactJs is available for $1: Go to tsbsankara.gumroad.com/l/vkdqf to purchase your copy today!
Buy my products: tsbsankara.gumroad.com
Join my discord server: discord.gg/TDr42sFD8g
Follow me on Twitch for livestreams and AMA sessions: twitch.tv/tsbsankara
Follow me on Twitter: TSBSankara
Follow me on Instagram: tsb...
Просмотров: 15

Видео

Full Stack Events App with Convex and Kinde Auth | Part 9 | Handle Form Submit to Convex |TsbSankara
Просмотров 44 часа назад
#tsbsankara In this video, we are going to build a Full Stack Events app using NextJs 15, Convex, TailwindCSS and ShadCN. Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas/convex-events-app Live Website: tsbsankara-events.vercel.app My eBook, Fundamentals of ReactJs is available for $1: Go...
Full Stack Events App with Convex and Kinde Auth | Part 8 | Create Event Page | TsbSankara
Просмотров 74 часа назад
#tsbsankara In this video, we are going to build a Full Stack Events app using NextJs 15, Convex, TailwindCSS and ShadCN, and Kinde to manage Authentication. Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas/convex-events-app Live Website: tsbsankara-events.vercel.app My eBook, Fundamental...
Full Stack Events App with Convex and Kinde Auth | Part 7 | Logout Modal | TsbSankara
Просмотров 64 часа назад
#tsbsankara In this video, we are going to build a Full Stack Events app using NextJs 15, Convex, TailwindCSS and ShadCN, and Kinde to manage Authentication. Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas/convex-events-app Live Website: tsbsankara-events.vercel.app My eBook, Fundamental...
Full Stack Events App with Convex and Kinde Auth | Part 6 | Header and Navigation | TsbSankara
Просмотров 44 часа назад
#tsbsankara In this video, we are going to build a Full Stack Events app using NextJs 15, Convex, TailwindCSS and ShadCN and Kinde to manage Authentication. Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas/convex-events-app Live Website: tsbsankara-events.vercel.app My eBook, Fundamentals...
Full Stack Events App with Convex and Kinde Auth | Part 5 | Route Groups and Layout | TsbSankara
Просмотров 224 часа назад
#tsbsankara In this video, we are going to build a Full Stack Events app using NextJs 15, Convex, TailwindCSS and ShadCN and Kinde to manage Authentication. Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas/convex-events-app Live Website: tsbsankara-events.vercel.app My eBook, Fundamentals...
Full Stack Events App with Convex and Kinde Auth | Part 4 | Setup Convex and Custom 404 | TsbSankara
Просмотров 74 часа назад
#tsbsankara In this video, we are going to build a Full Stack Events app using NextJs 15, Convex, TailwindCSS and ShadCN and Kinde to manage Authentication. Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas/convex-events-app Live Website: tsbsankara-events.vercel.app My eBook, Fundamentals...
Full Stack Events App with Convex and Kinde Auth | Part 3 | Homepage and Setup Kinde | TsbSankara
Просмотров 104 часа назад
#tsbsankara In this video, we are going to build a Full Stack Events app using NextJs 15, Convex, TailwindCSS and ShadCN. Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas/convex-events-app Live Website: tsbsankara-events.vercel.app My eBook, Fundamentals of ReactJs is available for $1: Go...
Full Stack Events App with Convex and Kinde Auth | Part 2 | App Setup | TsbSankara
Просмотров 254 часа назад
#tsbsankara In this video, we are going to build a Full Stack Events app using NextJs 15, Convex, TailwindCSS and ShadCN. Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas/convex-events-app Live Website: tsbsankara-events.vercel.app My eBook, Fundamentals of ReactJs is available for $1: Go...
Full Stack Events App with Convex and Kinde Auth | Part 1 | App Demo | TsbSankara
Просмотров 584 часа назад
#tsbsankara In this video, we are going to build a Full Stack Events app using NextJs 15, Convex, TailwindCSS and ShadCN. Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas/convex-events-app Live Website: tsbsankara-events.vercel.app My eBook, Fundamentals of ReactJs is available for $1: Go...
Product List with Shopping Cart | TsbSankara | Frontend Mentor Challenge
Просмотров 20821 день назад
#tsbsankara #tutorial #frontendmentor Subscribe here: bit.ly/3qsAsNC In this video, we are going to build a shopping cart in NextJs using ShadCN and the Context API. GitHub Repo: github.com/sankthomas Live Website: My eBook, Fundamentals of ReactJs is available for $1: Go to tsbsankara.gumroad.com/l/vkdqf to purchase your copy today! Buy my products: tsbsankara.gumroad.com Join my discord serve...
The useCallback Hook | TsbSankara
Просмотров 822 месяца назад
This is a video from my latest 20 ReactJs Projects course. Check out the full course here: udemy.com/tsbsankara-twenty-reactjs-projects Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas Live Website: My eBook, Fundamentals of ReactJs is available for $1: Go to tsbsankara.gumroad.com/l/vkdq...
The useMemo Hook | TsbSankara
Просмотров 202 месяца назад
This is a video from my latest 20 ReactJs Projects course. Check out the full course here: udemy.com/tsbsankara-twenty-reactjs-projects Subscribe to my clips channel to get more bite-sized content: youtube.com/@tsbsankaraclips Subscribe here: bit.ly/3qsAsNC GitHub Repo: github.com/sankthomas Live Website: My eBook, Fundamentals of ReactJs is available for $1: Go to tsbsankara.gumroad.com/l/vkdq...
The Context API | TsbSankara
Просмотров 682 месяца назад
The Context API | TsbSankara
The useRef Hook | TsbSankara
Просмотров 502 месяца назад
The useRef Hook | TsbSankara
How to Create Custom Hooks in React | TsbSankara
Просмотров 532 месяца назад
How to Create Custom Hooks in React | TsbSankara
The useEffect Hook | TsbSankara
Просмотров 702 месяца назад
The useEffect Hook | TsbSankara
The useState Hook | TsbSankara
Просмотров 293 месяца назад
The useState Hook | TsbSankara
Pokemon Web App | TsbSankara
Просмотров 863 месяца назад
Pokemon Web App | TsbSankara
Earth Natural Event Tracker Using NASA's EONET API, NextJs and LeafletJs I | TsbSankara
Просмотров 2194 месяца назад
Earth Natural Event Tracker Using NASA's EONET API, NextJs and LeafletJs I | TsbSankara
FULL VIDEO - Let's Build a Book Finder App in NextJs using The New York Times API | TsbSankara
Просмотров 1755 месяцев назад
FULL VIDEO - Let's Build a Book Finder App in NextJs using The New York Times API | TsbSankara
PART 4 - Dynamic Routing and Deploy to GitHub and Vercel | TsbSankara
Просмотров 905 месяцев назад
PART 4 - Dynamic Routing and Deploy to GitHub and Vercel | TsbSankara
PART 3 - Homepage Data Fetching and Design | TsbSankara
Просмотров 305 месяцев назад
PART 3 - Homepage Data Fetching and Design | TsbSankara
PART 2 - App Setup - Book Finder App in NextJs | TsbSankara
Просмотров 485 месяцев назад
PART 2 - App Setup - Book Finder App in NextJs | TsbSankara
*NEW PROJECT* - Let's Build a Book Finder App in NextJs using The New York Times API - PART 1
Просмотров 1205 месяцев назад
*NEW PROJECT* - Let's Build a Book Finder App in NextJs using The New York Times API - PART 1
FULL VIDEO - Let's Build an Event Booking Web App In NextJs and TailwindCSS | TsbSankara
Просмотров 1,1 тыс.5 месяцев назад
FULL VIDEO - Let's Build an Event Booking Web App In NextJs and TailwindCSS | TsbSankara
PART 6 - Booked Events Page | TSBSankara
Просмотров 385 месяцев назад
PART 6 - Booked Events Page | TSBSankara
PART 5 - Homepage Design | TSBSankara
Просмотров 475 месяцев назад
PART 5 - Homepage Design | TSBSankara
PART 4 - Form Submit Function | TSBSankara
Просмотров 355 месяцев назад
PART 4 - Form Submit Function | TSBSankara
PART 3 - Add New Event Page | TSBSankara
Просмотров 455 месяцев назад
PART 3 - Add New Event Page | TSBSankara

Комментарии

  • @salilphadnis4147
    @salilphadnis4147 12 дней назад

    Thank you so much. I am learning a lot from your videos.

    • @tsbsankara
      @tsbsankara 12 дней назад

      Thank you. That's great to hear 😊

  • @amin622
    @amin622 15 дней назад

    Well done brother , iam almost finished with this one !

  • @dilaguzel
    @dilaguzel 18 дней назад

    👌🏻👌🏻

  • @AnshaIfteqar-c5o
    @AnshaIfteqar-c5o 18 дней назад

    Hi Sir we need more videos like this...I mean projects tutorials using these three HTML, CSS and Javascript as well in advance level. Pease it will be a great help..thankyou

    • @tsbsankara
      @tsbsankara 12 дней назад

      Will do more of them

  • @rahulmankar3530
    @rahulmankar3530 20 дней назад

    thank you, it's helpful to build my creatiivity . i am form india☺.

  • @schoolversity
    @schoolversity 24 дня назад

    Nice tutorial, Kudos 👍

  • @tsbsankara
    @tsbsankara 24 дня назад

    I just noticed that the thumbnail shows the wrong link to the GitHub repository. My apologies. The correct link is github.com/sankthomas/nextjs-product-list-with-cart It's possible for me to change the thumbnail but then that would make this comment obsolete so I'm not going to change it. Plus, the correct link shows in the first 2 seconds o the video so you'll be fine 😁

  • @christcer25
    @christcer25 Месяц назад

    I love you 😀

  • @Michael.Sandoval33
    @Michael.Sandoval33 Месяц назад

    I am almost done with my AA in software development at CIAT and I did not even know where to begin with this challenge. Quite sad that these bootcamps are such failures and really just gave us the answers for every assignment. The only thing I really learned is that I am an efficient problem solver and can always find an answer to the solution (I.E. watching your video). Without dragging on too much longer, any advice for the future of trying to become a front end developer?

  • @glaceongalgaming9755
    @glaceongalgaming9755 Месяц назад

    I'm very much a beginner at Javascript, so this exercise really stumped me. I'm so grateful that you made this video!! Super helpful, and I learned a lot of cool information that I didn't know before! I'm confident I can do the next JS exercise on my own, now, thanks to you! :)

  • @borbangkruai
    @borbangkruai Месяц назад

    Thanks for sharing.

  • @VictorTemitope-p6u
    @VictorTemitope-p6u 2 месяца назад

    We reaching out to discuss an exciting business proposition regarding your Udemy course. Our aim is to enhance the visibility of your course, increase sales, expand your student audience, and cultivate positive reviews. We are eager to explore potential collaboration opportunities with you to achieve these objectives. Looking forward to the possibility of working together.

  • @pranitshinde4867
    @pranitshinde4867 2 месяца назад

    Bring part 6

  • @adegunloyerebecca2671
    @adegunloyerebecca2671 2 месяца назад

    @tsbsankara Hello, Coach We are the YAGI Team and recently reviewed your Udemy course. Your content shows great potential for sales with the right strategies in place. Given Udemy’s competitive nature, standing out often requires high enrollments and positive reviews. We’d love to discuss how we can help enhance your course's visibility and success. Looking forward to your thoughts! Best regards, YAGI Team"

  • @fredrickamoako
    @fredrickamoako 2 месяца назад

    very insightful thank you for this.

    • @tsbsankara
      @tsbsankara 2 месяца назад

      Glad it was helpful!

  • @aryankathawale9269
    @aryankathawale9269 2 месяца назад

    hey , good demo but , i think you overcomplicated the process

    • @tsbsankara
      @tsbsankara 2 месяца назад

      Thanks...which part so that I can do it better next time?

  • @manarbaz-mn8oc
    @manarbaz-mn8oc 2 месяца назад

    Is this solutions usin jguery??

    • @tsbsankara
      @tsbsankara 2 месяца назад

      No. Just NextJs and date-fns

  • @Rallyj446
    @Rallyj446 2 месяца назад

    I really love your enthusiasm on the event booking system... could you also make you review on my booking app?

    • @tsbsankara
      @tsbsankara 2 месяца назад

      Sure. Share it with me

  • @NiteshKumar-eo2qc
    @NiteshKumar-eo2qc 2 месяца назад

    How to use ScrolltoTop in <createReactBrowser/> with children paths

  • @atonb117
    @atonb117 2 месяца назад

    THIS is nice. Short, sweet, to the point and using some of the most powerful tools out there: Leaflet and NASA APIs.

  • @Code_Krupa
    @Code_Krupa 2 месяца назад

    Please provide the Frontend Mentor Challange video which you have been uploaded 2 years ago but when we fetch the URL it doesn't work :( project name "Shortening URL"

  • @OluwoleOdodo-iq4cp
    @OluwoleOdodo-iq4cp 2 месяца назад

    GET ACTIVE REAL CONVERSATIONAL STUDENTS ON YOUR UDEMY COURSE TO GET YOUR COURSE TO THE NEXT LEVE

  • @DavidLopez-eg6it
    @DavidLopez-eg6it 2 месяца назад

    Great video, specially the JavaScript part. So many videos only with background music but no voiced explanation. You got a new sub. I do have a question. Can the JS events be inside a global function instead of separate block of code for each one?

    • @tsbsankara
      @tsbsankara 2 месяца назад

      Yes, but I don't recommend that because it will just slow down the execution of your application

    • @tsbsankara
      @tsbsankara 2 месяца назад

      Thanks for the sub. I'm glad you liked the video 😊

  • @necrobaku811
    @necrobaku811 3 месяца назад

    thanks for the video, but i didnt understand a lot of things.

    • @tsbsankara
      @tsbsankara 2 месяца назад

      Sorry about that...like what for instance?

  • @rayhanakh2514
    @rayhanakh2514 3 месяца назад

    when i write git add assets that happen fatal: pathspec 'assets' did not match any files

    • @tsbsankara
      @tsbsankara 2 месяца назад

      That probably means that you're trying to add files but you're in a different path than them. So navigate into the correct folder first and then try again

  • @S.P-t3f
    @S.P-t3f 3 месяца назад

    Hello, please I do not understand how to open the application back in Frontend mentor to see how it looks so far. Can you please help here ?

    • @tsbsankara
      @tsbsankara 2 месяца назад

      Simply open the project on Frontend mentor and then click on "Submit Solution" and follow the steps. When complete, it will give you a preview of your project against their design.

  • @tharunthiru5354
    @tharunthiru5354 3 месяца назад

    sir I am getting an error in demo url can you explain me pls.The output page is the demo url

    • @tsbsankara
      @tsbsankara 2 месяца назад

      What error are you getting?

  • @DevChris-v6o
    @DevChris-v6o 3 месяца назад

    Super great video, thanks man.. really helpful

    • @tsbsankara
      @tsbsankara 2 месяца назад

      That's so nice to hear. I'm glad you liked it!

  • @rmworld420
    @rmworld420 3 месяца назад

    sir , kaise pata chalega ki style-guide me exact color kaun sa hai ?

    • @tsbsankara
      @tsbsankara 2 месяца назад

      Getting the correct colors is sometimes just a case of trial and error...other times, you can just look at the design and from the color names you can tell which is which... But yeah, most of the time, it's just trial and error to test whether the color matches.

  • @AnshaIfteqar-c5o
    @AnshaIfteqar-c5o 3 месяца назад

    in project 6 we can add padding to h2, p and ul tags in css at media screen of 768 instead of using margin in the article text.

    • @tsbsankara
      @tsbsankara 2 месяца назад

      Yeah, true. Nice catch

  • @mheyrie
    @mheyrie 3 месяца назад

    You made me smile when you were trying to figure out how to display the list items....it shows how authentic your videos are .....Thank you

    • @tsbsankara
      @tsbsankara 3 месяца назад

      That's so nice to hear

  • @jonmartintx1
    @jonmartintx1 4 месяца назад

    (?=(?:[^@]+@[^@]+))[a-zA-Z0-9._%+-]{1,64}(?<!\.)@(?!.*@)(?=(?:[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}))(?<!-)[a-zA-Z0-9.-]{1,255}(?<!\.-)(?=\.[a-zA-Z]{2,})(?<=@[^-][a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*\.[a-zA-Z]{2,})(?<=@.{2,255})(?<!\.) They call this job security… but in truth I just chose violence

  • @ass_awper
    @ass_awper 4 месяца назад

    Hey, I got an error that says client.fetch is not a function, can you please help me resolve this, it would mean a lot for me thank you.

  • @homekraftt
    @homekraftt 4 месяца назад

    thank u so000 much

    • @tsbsankara
      @tsbsankara 4 месяца назад

      You are veeerrry welcome

  • @grungeposer
    @grungeposer 4 месяца назад

    hi, thanks forr videos. i'd like to know smth about you. how old are you? are you working in some IT company?

    • @tsbsankara
      @tsbsankara 4 месяца назад

      You're welcome 26 Not an IT company

  • @Noob-uk4np
    @Noob-uk4np 5 месяцев назад

    Brother you are bad at details you forget to color the bullets and make them smaller. Nutrition table to you didn't color them. Nutrition table is not optimised for big screen.

    • @tsbsankara
      @tsbsankara 5 месяцев назад

      It's to help you learn not to be solely dependent on tutorials as they are not truly exhaustive...they are helpful, but you should be able to do things yourself without 100% dependency on tutorials. And also, leaving mistakes in videos helps new developers understand that it's okay to make mistakes when learning.

    • @Noob-uk4np
      @Noob-uk4np 5 месяцев назад

      @@tsbsankara Stop making excuses bro. I was watching this to get the better solution for those bullets. But you blatantly ignored them.

    • @Noob-uk4np
      @Noob-uk4np 5 месяцев назад

      @@tsbsankara What if someone wants to learn how to color and resize those bullets points.

    • @tsbsankara
      @tsbsankara 5 месяцев назад

      @@Noob-uk4np in that case, I'm on the wrong and I apologize

    • @Noob-uk4np
      @Noob-uk4np 5 месяцев назад

      @@tsbsankara No need for apologizing. I learned a lot from your video 😉 I organized my HTML5 and CSS file again after learning it from your video.

  • @TshepoMokgoatjane
    @TshepoMokgoatjane 5 месяцев назад

    This is awesome stuff Thomas, thank you a ton. Cheers.

  • @tonyventura5264
    @tonyventura5264 5 месяцев назад

    I tried to upload my project but i can't see the comparator this return error do yo know what is the problem?

    • @tsbsankara
      @tsbsankara 5 месяцев назад

      Could you send a screenshot on Discord, linked in the description, or in my Twitter DM, @TsbSankara?

  • @asmet_2701
    @asmet_2701 5 месяцев назад

    Hi, thanks it works, but how to disable that for some links, like i mean to disable scroll to top, cause I have categories under which displayed products, so when I click it goes upwards when needs to stay on the same position

    • @tsbsankara
      @tsbsankara 5 месяцев назад

      I think this has been addressed in the latest version of React Router Dom, because they introduced a dedicated component called <ScrollRestoration /> Check it out in their docs

  • @successandyou2918
    @successandyou2918 5 месяцев назад

    Source code??

    • @tsbsankara
      @tsbsankara 5 месяцев назад

      Check video description

  • @samadams4751
    @samadams4751 5 месяцев назад

    Hey bro, are you from Kenya or from Burkina??? I'm your neighbour living in Ireland Dublin. Would you like to collaborate to build African project, Let me know.

  • @nadeemdirkse
    @nadeemdirkse 5 месяцев назад

    thanks bro ....im new at this and it was very helpfull

    • @tsbsankara
      @tsbsankara 5 месяцев назад

      That's so nice to hear. I'm glad I could help

  • @sofiabargues
    @sofiabargues 5 месяцев назад

    Good tutorial! 👏👏

  • @tsbsankara
    @tsbsankara 5 месяцев назад

    That's my morning voice 😂

  • @percaseutempocmg1400
    @percaseutempocmg1400 6 месяцев назад

    dude, how do you mark the text like this 10:08

    • @tsbsankara
      @tsbsankara 6 месяцев назад

      Click to set the marker for the first cursor, scroll down to the end of the text you want to highlight, hold down Shift, and click to highlight the text

    • @percaseutempocmg1400
      @percaseutempocmg1400 6 месяцев назад

      @@tsbsankara nice, ty.

    • @tsbsankara
      @tsbsankara 6 месяцев назад

      You're welcome

  • @kevinkiumbe5380
    @kevinkiumbe5380 6 месяцев назад

    first kenyan i know doing amazing work on these streets!

    • @tsbsankara
      @tsbsankara 6 месяцев назад

      Thanks for the amazing comment. Ni kujaribu na kujituma tu 😁

  • @ChrisTOLAa
    @ChrisTOLAa 6 месяцев назад

    Great Tutorial man.. thank you🙏

    • @tsbsankara
      @tsbsankara 6 месяцев назад

      I'm glad I could help

  • @ChrisTOLAa
    @ChrisTOLAa 6 месяцев назад

    Thanks so much @Sankara for all you React tutorials, it has really help me improve my React skills..🙏

    • @tsbsankara
      @tsbsankara 6 месяцев назад

      Wooow! That's amazing to hear! I'm glad I could help 😊