- 428
- 717 943
Thomas Sankara
Kenya
เข้าร่วมเมื่อ 5 พ.ย. 2020
I am a front-end web developer based in Nairobi, just trying to make a name for myself in this industry and on this platform. I don't know everything and I think I have done a good job to portray that, and that I am also constantly learning new things.
My website is: tsbsankara.netlify.app because I forgot to renew it and my Github is: github.com/sankthomas
My goal with this channel is to share my knowledge about being a developer. So, I have new videos out every week - I would like to increase this frequency, but I can only record, edit and upload videos so fast, being a one-man-army with a simple laptop.
I use a Dell Latitude E5440 Laptop from 2014 - quite an old laptop as you can see, which explains the lags I've showcased in some of my videos. I hope to upgrade to a much better machine once I'm able to rely on TH-cam for the revenue.
Ad revenue isn't my sole motivation - but when it comes in, I do appreciate it. Also, I don't control the ads on videos
My website is: tsbsankara.netlify.app because I forgot to renew it and my Github is: github.com/sankthomas
My goal with this channel is to share my knowledge about being a developer. So, I have new videos out every week - I would like to increase this frequency, but I can only record, edit and upload videos so fast, being a one-man-army with a simple laptop.
I use a Dell Latitude E5440 Laptop from 2014 - quite an old laptop as you can see, which explains the lags I've showcased in some of my videos. I hope to upgrade to a much better machine once I'm able to rely on TH-cam for the revenue.
Ad revenue isn't my sole motivation - but when it comes in, I do appreciate it. Also, I don't control the ads on videos
Full Stack Events App with Convex and Kinde Auth | Part 6 | Header and Navigation | TsbSankara
#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 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: tsbsankara
Subscribe to my TH-cam channel: bit.ly/3qsAsNC
Support the channel: streamlabs.com/tsbsankara1/tip
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 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: tsbsankara
Subscribe to my TH-cam channel: bit.ly/3qsAsNC
Support the channel: streamlabs.com/tsbsankara1/tip
มุมมอง: 74
วีดีโอ
Full Stack Events App with Convex and Kinde Auth | Part 5 | Route Groups and Layout | TsbSankara
มุมมอง 2819 ชั่วโมงที่ผ่านมา
#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
มุมมอง 36วันที่ผ่านมา
#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
มุมมอง 74วันที่ผ่านมา
#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
มุมมอง 39วันที่ผ่านมา
#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
มุมมอง 6514 วันที่ผ่านมา
#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
มุมมอง 248หลายเดือนก่อน
#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 หลายเดือนก่อน
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...
How to Create Custom Hooks in React | TsbSankara
มุมมอง 532 หลายเดือนก่อน
How to Create Custom Hooks in React | TsbSankara
Earth Natural Event Tracker Using NASA's EONET API, NextJs and LeafletJs I | TsbSankara
มุมมอง 2295 หลายเดือนก่อน
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
มุมมอง 1905 หลายเดือนก่อน
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
มุมมอง 935 หลายเดือนก่อน
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
มุมมอง 495 หลายเดือนก่อน
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
มุมมอง 1265 หลายเดือนก่อน
*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.1K6 หลายเดือนก่อน
FULL VIDEO - Let's Build an Event Booking Web App In NextJs and TailwindCSS | TsbSankara
PART 6 - Booked Events Page | TSBSankara
มุมมอง 396 หลายเดือนก่อน
PART 6 - Booked Events Page | TSBSankara
PART 4 - Form Submit Function | TSBSankara
มุมมอง 356 หลายเดือนก่อน
PART 4 - Form Submit Function | TSBSankara
PART 3 - Add New Event Page | TSBSankara
มุมมอง 466 หลายเดือนก่อน
PART 3 - Add New Event Page | TSBSankara
PART 2 - Header Component | TSBSankara
มุมมอง 756 หลายเดือนก่อน
PART 2 - Header Component | TSBSankara
PART 1 - DEMO - Let's Build an Event Booking Application in NextJs and TailwindCSS | TSBSankara
มุมมอง 2786 หลายเดือนก่อน
PART 1 - DEMO - Let's Build an Event Booking Application in NextJs and TailwindCSS | TSBSankara
Let's Build a Contact Form With Validation Using Formik and Yup | TsbSankara
มุมมอง 3636 หลายเดือนก่อน
Let's Build a Contact Form With Validation Using Formik and Yup | TsbSankara
Let's Build a Vanilla JavaScript Slider #tsbsankara
มุมมอง 1827 หลายเดือนก่อน
Let's Build a Vanilla JavaScript Slider #tsbsankara
You're doing a fantastic job! A bit off-topic, but I wanted to ask: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). What's the best way to send them to Binance?
You're doing a fantastic job! Just a quick off-topic question: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). Could you explain how to move them to Binance?
I really appreciate your efforts! Just a quick off-topic question: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). What's the best way to send them to Binance?
Appreciate the detailed breakdown! Just a quick off-topic question: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). How should I go about transferring them to Binance?
23:13 27:33
So useful This lesson , Thank you ❤
Nice. That's great to hear 😃. You're welcome
give me source code please
excellent video
Thank you
Thank you so much. I am learning a lot from your videos.
Thank you. That's great to hear 😊
Well done brother , iam almost finished with this one !
Nice 👍
👌🏻👌🏻
👍👍
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
Will do more of them
thank you, it's helpful to build my creatiivity . i am form india☺.
Wonderful!
Nice tutorial, Kudos 👍
Thank you 👍
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 😁
I love you 😀
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?
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! :)
Nice 👍. That's wonderful to hear!
Thanks for sharing.
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.
Bring part 6
@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"
very insightful thank you for this.
Glad it was helpful!
hey , good demo but , i think you overcomplicated the process
Thanks...which part so that I can do it better next time?
Is this solutions usin jguery??
No. Just NextJs and date-fns
I really love your enthusiasm on the event booking system... could you also make you review on my booking app?
Sure. Share it with me
How to use ScrolltoTop in <createReactBrowser/> with children paths
THIS is nice. Short, sweet, to the point and using some of the most powerful tools out there: Leaflet and NASA APIs.
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"
GET ACTIVE REAL CONVERSATIONAL STUDENTS ON YOUR UDEMY COURSE TO GET YOUR COURSE TO THE NEXT LEVE
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?
Yes, but I don't recommend that because it will just slow down the execution of your application
Thanks for the sub. I'm glad you liked the video 😊
thanks for the video, but i didnt understand a lot of things.
Sorry about that...like what for instance?
when i write git add assets that happen fatal: pathspec 'assets' did not match any files
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
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 ?
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.
sir I am getting an error in demo url can you explain me pls.The output page is the demo url
What error are you getting?
Super great video, thanks man.. really helpful
That's so nice to hear. I'm glad you liked it!
sir , kaise pata chalega ki style-guide me exact color kaun sa hai ?
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.
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.
Yeah, true. Nice catch
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
That's so nice to hear
(?=(?:[^@]+@[^@]+))[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
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.
thank u so000 much
You are veeerrry welcome
hi, thanks forr videos. i'd like to know smth about you. how old are you? are you working in some IT company?
You're welcome 26 Not an IT company
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.
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.
@@tsbsankara Stop making excuses bro. I was watching this to get the better solution for those bullets. But you blatantly ignored them.
@@tsbsankara What if someone wants to learn how to color and resize those bullets points.
@@Noob-uk4np in that case, I'm on the wrong and I apologize
@@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.
This is awesome stuff Thomas, thank you a ton. Cheers.
I tried to upload my project but i can't see the comparator this return error do yo know what is the problem?
Could you send a screenshot on Discord, linked in the description, or in my Twitter DM, @TsbSankara?
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
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
Source code??
Check video description