- Видео 429
- Просмотров 712 504
Thomas Sankara
Кения
Добавлен 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 RUclips 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 RUclips 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 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...
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...
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
Просмотров 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
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! :)
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
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.
I'm from Kenya
thanks bro ....im new at this and it was very helpfull
That's so nice to hear. I'm glad I could help
Good tutorial! 👏👏
'preciate it
That's my morning voice 😂
dude, how do you mark the text like this 10:08
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
@@tsbsankara nice, ty.
You're welcome
first kenyan i know doing amazing work on these streets!
Thanks for the amazing comment. Ni kujaribu na kujituma tu 😁
Great Tutorial man.. thank you🙏
I'm glad I could help
Thanks so much @Sankara for all you React tutorials, it has really help me improve my React skills..🙏
Wooow! That's amazing to hear! I'm glad I could help 😊