Hello, Welcome to my channel Webbook .
My name is Nagaraju, a front-end developer.
Webbook is a channel for learning HTML, CSS, Javascript, Animated Website Design, Nextjs, reactjs Complete Responsive Website Design, Responsive Landing Page Design, Responsive components Design, Hover Effects, Creative CSS Animation, Mini projects, HTML5, CSS3, Vanilla Javascript, nextjs, reactjs and much more.
Make sure to Subscribe and turn on notifications!
Thank you.
Web Book
Build Your Own Anime Streaming Site with Next.js, TypeScript & React-Bootstrap [2025]
My anime streaming site tutorial drops on YouTube next week! π₯ Get early access to the source code now:
Patreon: www.patreon.com/posts/build-your-own-131296529?utmβ¦
Buy me a coffee: buymeacoffee.com/webbook/e/420290
Subscribe and hit the bell π to catch it first!
7 months ago | [YT] | 3
View 0 replies
Web Book
π» HTML, CSS & JavaScript Challenge!
π― Challenge: Build a "Live Character Counter"
π Requirements:
A text <textarea> for user input
A live character counter below the textarea
Show the remaining characters (limit: 200)
Turn the counter red when the limit is exceeded
π‘ Bonus:
Add a progress bar that fills up as you type!
π Tag me if you complete it β Iβd love to see your version!
π₯ Post your code or screenshot in the comments.
9 months ago | [YT] | 0
View 0 replies
Web Book
π¨ Challenge: Build a Dark Mode Toggle using React or Next.js
Can you make a toggle that switches between Light π and Dark π themes β and remembers the user's choice using localStorage?
π― What to include:
A toggle button to switch themes
Dark/light styles (background & text colors)
Store the theme in localStorage so it sticks after refresh
π₯ Bonus: Use animated icons or transitions for a slick feel
π Comment below when you're done with your solution β or tag me if you post it elsewhere!
Letβs grow together and sharpen those React/Next.js skills πͺ
#ReactChallenge #Nextjs #100DaysOfCode #FrontendDev
9 months ago | [YT] | 0
View 0 replies
Web Book
Which method is used to fetch data on the server side in Next.js?
9 months ago | [YT] | 0
View 0 replies
Web Book
Which file is responsible for routing in a Next.js app?
9 months ago | [YT] | 0
View 0 replies
Web Book
β³ React Countdown Timer Challenge
π§ Challenge:
Build a simple countdown timer in React that starts from 10 and goes to 0 when a button is clicked!
π‘ Hint: Use:
useState
useEffect
setInterval
π Bonus: Show a message like "β° Timeβs up!" when the countdown hits 0.
π Tech: React
π― Time Limit: 10 minutes
π¦ Optional: Add styles or animations!
π¬ Iβll reveal my version in a short video tomorrow!
Wanna compare yours with mine? π
π Drop your solution or screenshot in the comments!
9 months ago | [YT] | 0
View 0 replies
Web Book
What hook is used to manage component state in React?
9 months ago | [YT] | 0
View 0 replies
Web Book
What is the purpose of useEffect in React?
9 months ago | [YT] | 0
View 0 replies
Web Book
Hey everyone! π
Itβs been a while β I havenβt been active here for the past year due to some personal priorities, but I want to say thank you to all 2,300+ of you whoβve stuck around and supported the channel. I really appreciate your patience. π
Iβm happy to share that Iβm back and ready to create again! π
π From now on, Iβll be uploading a new video every Sunday.
Some weeks, if time allows, Iβll try to drop two videos β but there might be rare occasions when I miss a week due to personal stuff. Iβll always try to stay consistent and keep you updated!
The content will focus on Next.js, React, HTML, CSS, and JavaScript β simple, useful projects that help you learn by building. And for those who want extra content or full project code, Iβve also set up my Patreon page, where you can get early access and full source code.
Thanks again for being here. Letβs build some cool things together! π»β‘
9 months ago | [YT] | 1
View 0 replies
Web Book
Video Link : https://youtu.be/V44DPPiPorY
Source Code: www.patreon.com/webbook
www.buymeacoffee.com/webbook
1 year ago | [YT] | 2
View 0 replies
Load more