- 54
- 9 152
TejWorld
India
เข้าร่วมเมื่อ 12 พ.ย. 2024
"Welcome to TejWorld, your ultimate guide to personal growth, financial freedom, and success! Whether you're a student looking to make money online, an entrepreneur building a side hustle, or someone eager to learn valuable skills, this channel is for you. We share actionable tips, step-by-step guides, and the latest strategies to help you achieve your goals. Subscribe for practical advice, motivational content, and tools to turn your ambitions into achievements!"
The HTML & CSS Compliment Bot Challenge: Build and Design in One Week!
One-Week Challenge: Build a Compliment Bot Using HTML & CSS
Take on this exciting one-week challenge to create a simple yet visually appealing Compliment Bot using only HTML and CSS ! This project will test your creativity and front-end development skills while helping you build a clean, responsive, and functional design. Here's what the challenge entails:
Objective
Design and build a static webpage that acts as a Compliment Bot. The bot will display a random compliment each time the user interacts with a button, using only HTML and CSS. No AI or JavaScript allowed-focus on design and user experience!
Key Features
1. Responsive Layout : Ensure the design looks great on both mobile and desktop screens.
2. Interactive Elements: Use CSS animations or transitions to make the button feel engaging when clicked.
3. Compliments Display: A stylish and clean area where compliments appear dynamically.
4. Creative Design: Use colors, fonts, and spacing to make the bot visually appealing.
Guidelines
- Day 1-2: Sketch a wireframe and set up your project structure.
- Day 3-4: Develop the compliment display area and button with clean and responsive styling.
- Day 5-6: Add CSS animations or transitions to make the user interaction lively.
- Day 7: Refine the design, ensure accessibility, and prepare for final review.
Rules
- Stick to HTML and CSS-no JavaScript or external libraries.
- Focus on clean code with proper indentation and comments.
- Prioritize design aesthetics and user-friendliness.
Bonus Tips
- Play with CSS gradients, shadows, and typography to make the compliments pop.
- Ensure accessibility by using semantic HTML and appropriate contrast ratios.
Share your creation at the end of the week to showcase your skills!
Link to challenge: nas.io/tejworld/challenges/compliment-bot-challenge-
Join the community: nas.io/tejworld
Connect with me on LinkedIn: www.linkedin.com/in/sanaka-tejashwani-510b6b229?
#coding #howtostartcodingforbeginners #inspiration #motivation #html #css #complimentbot #buildanddesign
Take on this exciting one-week challenge to create a simple yet visually appealing Compliment Bot using only HTML and CSS ! This project will test your creativity and front-end development skills while helping you build a clean, responsive, and functional design. Here's what the challenge entails:
Objective
Design and build a static webpage that acts as a Compliment Bot. The bot will display a random compliment each time the user interacts with a button, using only HTML and CSS. No AI or JavaScript allowed-focus on design and user experience!
Key Features
1. Responsive Layout : Ensure the design looks great on both mobile and desktop screens.
2. Interactive Elements: Use CSS animations or transitions to make the button feel engaging when clicked.
3. Compliments Display: A stylish and clean area where compliments appear dynamically.
4. Creative Design: Use colors, fonts, and spacing to make the bot visually appealing.
Guidelines
- Day 1-2: Sketch a wireframe and set up your project structure.
- Day 3-4: Develop the compliment display area and button with clean and responsive styling.
- Day 5-6: Add CSS animations or transitions to make the user interaction lively.
- Day 7: Refine the design, ensure accessibility, and prepare for final review.
Rules
- Stick to HTML and CSS-no JavaScript or external libraries.
- Focus on clean code with proper indentation and comments.
- Prioritize design aesthetics and user-friendliness.
Bonus Tips
- Play with CSS gradients, shadows, and typography to make the compliments pop.
- Ensure accessibility by using semantic HTML and appropriate contrast ratios.
Share your creation at the end of the week to showcase your skills!
Link to challenge: nas.io/tejworld/challenges/compliment-bot-challenge-
Join the community: nas.io/tejworld
Connect with me on LinkedIn: www.linkedin.com/in/sanaka-tejashwani-510b6b229?
#coding #howtostartcodingforbeginners #inspiration #motivation #html #css #complimentbot #buildanddesign
มุมมอง: 37
วีดีโอ
Transform Your Life: Join the 21-Day Habit Formation Challenge This New Year!
มุมมอง 6716 ชั่วโมงที่ผ่านมา
What if this New Year wasn’t just about resolutions, but real transformation? 🎯 Welcome to the 21-Day Habit Formation Challenge-a proven way to break old patterns, build positive habits, and step into your best self in just three weeks. Here’s why YOU need this challenge: ✨ Sustainable Change: Turn goals into habits that last a lifetime. ✨ Daily Motivation: Stay inspired with actionable tips an...
I tried to learn coding in 100 days and this is what I learnt on day 5
มุมมอง 30919 ชั่วโมงที่ผ่านมา
Welcome to my journey of the 100 Days Coding Challenge! 🚀 In this video, I’ll be sharing my experience, progress, and the ups and downs of committing to coding every day for 100 days straight. Whether you're a beginner or an experienced coder, this challenge is a great way to improve your skills, stay motivated, and build consistency. Throughout this series, I’ll be working on various coding pr...
Master English in 30 days!!!
มุมมอง 10314 วันที่ผ่านมา
Master English Speaking in 21 Days: Duolingo: play.google.com/store/apps/details?id=com.duolingo Memrise: play.google.com/store/apps/details?id=com.memrise.android.memrisecompanion ELSA Speak: play.google.com/store/apps/details?id=us.nobarriers.elsa What is Stopping You from Speaking in English? 🗣️ If your answer revolves around “Ishan, I don’t have the confidence to speak to people, what if I ...
I Tried To Learn Coding In 100 Days and this is what I learnt on day4 PART-2
มุมมอง 48114 วันที่ผ่านมา
Welcome to my journey of the 100 Days Coding Challenge! 🚀 In this video, I’ll be sharing my experience, progress, and the ups and downs of committing to coding every day for 100 days straight. Whether you're a beginner or an experienced coder, this challenge is a great way to improve your skills, stay motivated, and build consistency. Throughout this series, I’ll be working on various coding pr...
How quitting social media changed my life!!!!
มุมมอง 7114 วันที่ผ่านมา
Have you ever wondered what life would be like without social media? In this video, I share my personal journey of quitting social media and how it transformed my mindset, relationships, and productivity. From battling constant distractions to rediscovering real-life connections and a clearer sense of purpose, this decision changed everything. If you’re feeling overwhelmed or stuck, this might ...
I tried to publish and sell my JOURNAL using these apps!! (FULL GUIDE) PART-1
มุมมอง 10121 วันที่ผ่านมา
Welcome to my publisher's journey where I share my experience of publishing and selling my journal using various apps! In this full guide part-1, I'll take you through the process of creating and selling a digital journal, and share my tips and tricks for success in the journal business. If you're interested in self-publishing, digital journaling, or making money online, then this video is for ...
I Tried To Learn Coding In 100 Days and this is what I learnt on day4 Part-1 #coding #motivation
มุมมอง 23221 วันที่ผ่านมา
Welcome to my journey of the 100 Days Coding Challenge! 🚀 In this video, I’ll be sharing my experience, progress, and the ups and downs of committing to coding every day for 100 days straight. Whether you're a beginner or an experienced coder, this challenge is a great way to improve your skills, stay motivated, and build consistency. Throughout this series, I’ll be working on various coding pr...
I made a vision board for 2025!!!!!🧿
มุมมอง 36921 วันที่ผ่านมา
Welcome to my channel! In today's video, I'm super excited to share with you my 2025 vision board creation process! As we step into a new year, I wanted to focus on setting goals and manifesting my dreams using the power of visualization techniques and the law of attraction. I believe that having a clear vision of what we want to achieve is crucial to making progress and living our best lives. ...
How to ACTUALLY Build Self-Confidence!! #selfconfidence
มุมมอง 5921 วันที่ผ่านมา
How to ACTUALLY Build Self-Confidence!! #selfconfidence
Genuine way to gain subscribers & views on YouTube?
มุมมอง 17428 วันที่ผ่านมา
Genuine way to gain subscribers & views on TH-cam?
I Tried To Learn Coding In 100 Days and this is what I learnt on day 3 Part-2 #coding #motivation
มุมมอง 137หลายเดือนก่อน
I Tried To Learn Coding In 100 Days and this is what I learnt on day 3 Part-2 #coding #motivation
The Best Side Hustles for Students (Make Money While You Study!)
มุมมอง 210หลายเดือนก่อน
The Best Side Hustles for Students (Make Money While You Study!)
Is Consistency the KEY to Success?#motivation #consistency
มุมมอง 162หลายเดือนก่อน
Is Consistency the KEY to Success?#motivation #consistency
The Most Important Life Lessons for Teens i wish I learnt sooner!!! #motivation #selfimprovement
มุมมอง 61หลายเดือนก่อน
The Most Important Life Lessons for Teens i wish I learnt sooner!!! #motivation #selfimprovement
The Relationship Advice No One Tells You #love #motivation
มุมมอง 87หลายเดือนก่อน
The Relationship Advice No One Tells You #love #motivation
I Tried To Learn Coding In 100 Days and this is what I learnt on day 3 Part-1 #coding #motivation
มุมมอง 211หลายเดือนก่อน
I Tried To Learn Coding In 100 Days and this is what I learnt on day 3 Part-1 #coding #motivation
The Last Push: Achieving Goals in December 2024 #motivation
มุมมอง 89หลายเดือนก่อน
The Last Push: Achieving Goals in December 2024 #motivation
Stop scrolling now: A message you need to hear🙄
มุมมอง 71หลายเดือนก่อน
Stop scrolling now: A message you need to hear🙄
Escape the Comfort zone trap today!!! #personalgrowth #selfimprovement #carefree #motivation
มุมมอง 68หลายเดือนก่อน
Escape the Comfort zone trap today!!! #personalgrowth #selfimprovement #carefree #motivation
I Tried To Learn Coding In 100 Days and this is what I learnt on day 2
มุมมอง 67หลายเดือนก่อน
I Tried To Learn Coding In 100 Days and this is what I learnt on day 2
Life Lessons That Will Change my Future Forever!!#motivation
มุมมอง 87หลายเดือนก่อน
Life Lessons That Will Change my Future Forever!!#motivation
I dare you to DISAPPEAR for 30 days!!!!#motivation #selfimprovement #selfgrowth #personalgrowth
มุมมอง 36หลายเดือนก่อน
I dare you to DISAPPEAR for 30 days!!!!#motivation #selfimprovement #selfgrowth #personalgrowth
I Tried To Learn Coding In 100 Days and this is what I learnt on day 1
มุมมอง 83หลายเดือนก่อน
I Tried To Learn Coding In 100 Days and this is what I learnt on day 1
Your Complete Roadmap to Coding: Learn How to Code from Scratch! #coding #motivation #minivlog
มุมมอง 66หลายเดือนก่อน
Your Complete Roadmap to Coding: Learn How to Code from Scratch! #coding #motivation #minivlog
Know these 5 things before starting a youtube channel!!!! #motivation #youtube #vlog #money #passion
มุมมอง 19หลายเดือนก่อน
Know these 5 things before starting a youtube channel!!!! #motivation #youtube #vlog #money #passion
How to start coding? #motivation #codingjourney #vlog #inspiration #positivevibes
มุมมอง 76หลายเดือนก่อน
How to start coding? #motivation #codingjourney #vlog #inspiration #positivevibes
This video really inspired me to stay consistent with my Python learning journey. Seeing your progress and dedication motivates me to keep pushing through challenges and stick to my coding routine every day. Thank you for sharing your experience!" Keep up the good workk
@@shebinnn Really means a lot!!! Comments like these make my day ☺️ And if you wanna maintain the consistency there's a challenge I started you can join it track your progress and maintain your streak☺️ Checkout the recent video for the link to the challenge or get it in the community post☺️
@TejWorld-h6 sure i will check it
Hi TejWorld ! 👋 I love your content and noticed how thumbnails play a big role in attracting viewers. I specialize in designing custom, eye-catching thumbnails tailored to your video's theme. If you're interested, I'd be happy to create designs that boost engagement and fit your channel's vibe. Let me know if you'd like to see samples or discuss details!
@DevStudio101-z Thanks for reaching out will definitely let you know when I need them☺️
Keep it up ☺️
@@rohitbedse5134 😊
🥺🥺🥺🥺🥺🥺🙂🥲🥲🥲🥲🥲🥲🥲
True
Arre Dhidhi ... Aakir Aaap Kehna Kya Chahte Ho
@@BRad-c5o kyu aapko english smjh nhi aati?
@TejWorld-h6 English smjh aati bas Bakchodi nahi 😂😂
Listensing + Reading + Speaking
@@prabhansh-tiwari on point😊
Collaboration karegi
@@aryanmauryamr.perfect1426 please drop a message on LinkedIn
Big fan big fan❤
video is nice, just try to speak without panmasala
@@pushpendratiwari6848 sorry didn't get what u intended to say🤔
@TejWorld-h6 nothing, just a appreciation
@@pushpendratiwari6848 thank you 😊means a lot
Hi! Your video got sugessted to me and I appreciate this simple kind of tutorial🎉 I might recommend you to try to speak a bit slower and structurized! You can use a script for the video (if you already have a more detailed) and a bit quiter music 🙏
@@CoreOutput thanks a lot for the advice☺️ will definitely look into the matter!!
Nice start and I'm your new subscriber from suggestions by youtube
@@VishalofficialY Means a lot☺️
Aapki spoken english itni achi kaise h video bnaiye please
@@swati7901 suree!! ☺️ Stay tuned.
can u plz tell me.. why are you learning web dev coz, as I know you...you are dental student right?
@@4kwildscapes yes I just wanted to explore and learn more about coding and programming so just dived in!!
Hey actually I want to start learn but I didn't get idea
@@cvpujar2409 The very first thing you need to do is learn basics. So to do that you can refer to my videos and start from HTML. And the platform to do coding is VS Code. I will provide the link in the description so download that. And then in that do practice the questions along with me. Since they are basic it will help to make you basic understanding of coding works. So you can cover HTML now through my videos. And I will be covering all the coding language like CSS, Java, C+. So will be able to build up your coding skills. Do subscribe ☺️
Informative video! Thank you ❤
Damn girl!!!! I'm feeling so proud of you! ❤
@@shesays4497 ☺️♥️
It's not necessary. It is important. It makes your life easier typically if you aren't too dumb to be deluded. Just a pure ignorant belief in yourself is like a super power. Not that i would know personally, because I've never had it, but a ton of successful and talented people discuss what they thought of themselves when they were young, and looking back they're almost surprised at how confident yhey were and how imperative it was to push them forward through difficulties.
@@aushole impressive😊
Great video and great efforts❤❤❤
@@praveenchowdari252 😊
@ im the one who messaged you in linkedln and talking to u
@@praveenchowdari252 ik
I hope you achieve all you want!!!❤
Bola tha na hindi😂 mai banana
@@India2.0vlog are pata I tried to par na camera k saamne Hindi bolne me dar lg jata h😅
Hi there,can u provide resources
@VishalGovindasamy-wi5ou sure!!! U need to install vs code on your laptop and can refer to my videos since I have started from basics. And once you complete the lecture you can implement the tags you learned about on you laptop using vs code. If you want a full video do subscribe and comment. VS Code: code.visualstudio.com/
😢 i am lack of confidence that’s why i am unable to switch
@@praveenchowdari252 try to work on your communication skills in whichever language you prefer and gain knowledge about the topic as much as you can. And once you gain the knowledge learn how to present that. Basically that would be possible only when you start applying the knowledge in the aspect and start believing in yourself. You have to leave the fear of being judged by others. Give your best.😊
@ thank you for your kind words your name?
I am preparing for mnc for switching companies but i am unable to it because lack of confidence
these are styling sheets this is not real coding dive into java/c++/python and solve dsa problems
@@praveenchowdari252 yup will dive into them too but thought of starting from basics so😊
@ can we start pair programming because having buddy to study is great improves coding skills
@@praveenchowdari252 will let you know😊
Hindi mai ni bata sakti ho kya😅itne English nahi samajh ati
@@India2.0vlog for sure!! Agle video me zarur😊do subscribe to stay tuned
Madam you carry on I am with you ❤
@@fk.creations7679 thank you means a lot😊
Stop giving motivation youtube is all about content i have some interesting ideas if you want to know i will help you or just ignore my message
@@praveenchowdari252 thanks for the advise will think of it when needed!!
@ ok keep growing keep rocking all the best
@ currently working as a developer at tcs with 3 years of experience
You look beautiful ❤
Keep going .....well shared thankyou🎉🎉
@@PriyaaThisSide Thank you 😊 means a lot
I am in my bed I want to sleep😂 but my mobile is saying no you are going to Play Minecraft at 5:17am
@@PrinceYeto consistency at its peak 😂😅
❤❤❤❤❤❤❤😂🎉nice awesome
Well explanation madam uuuuu ❤
Nice explanation....❤🔥
@@AnilKumar-sw5nt glad that u liked it!! Do subscribe for more 😊
the screen is shaking when you are using laptop .hope you correct it in the next video
@@a.manish7208 suree😊
@@a.manish7208 hope you checked out the next video😊screen shaking problem corrected😊
👍👍👍
Do subscribe for more videos 😁
nice❤
@@SaimaMalik-h5k do subscribe for more😊
THANKS FOR MOTIVATING ME🤝
@@therock4827 So subscribe for more and be motivated the whole month😊
Hmmm
Yes
Mindless scrolling is a sin for this generation
Good motivation video
Sister do you want thumbnails and vedio editing plz dm me
Good one❤
@@aayushgupta700 Do subscribe for staying tuned on more such videos☺️
Thank you i just thought it is fake again but it somehow worked.
Yes it is working.thank you
👍👍