Create a Responsive Meditation App With HTML, CSS and JavaScript | PART 1 | Project For Beginners

Hey, If you want to follow with me, you can find the files I used in this video in my GitHub account, here is the link (ps: download the part 1 files):
____________________________________

Create a Responsive Meditation App With HTML, CSS and JavaScript | PART 2
____________________________________

Hi everyone, in this tutorial, you are going to learn how to create a responsive meditation app using HTML, CSS and Vanilla JavaScript, and you are going to learn a lot of things, especially as I discuss the logic and explain everything before typing any line of code, things you're going to learn in this tutorial.

⌛ Steps:
00:03 - Introduction
00:44 - Preview of the app
03:40 - Setup project
05:14 - HTML5 Video
11:33 - CSS Grid Layout
17:35 - HTML5 Audio with custom controls
26:12 - Adding Audio durations
32:07 - Create seasons buttons
35:30 - Menu for mobile screens

🌍 Social Media Links.

💲 Suppport the Channel

[CodeExplained]

🚨 Big Announcement! 🚨

Hey everyone! I've made a big decision for this channel—I've turned off ads on all my videos! That's right, you can now enjoy all my content ad-free! This means I'm earning $0 from ad revenue, but I believe this is the right move to make your viewing experience better.

If you find my content valuable and want to support my work, there are several ways you can help:

Like & Share: Simply liking the video and sharing it with friends helps a lot!
Subscribe & Hit the Bell: Stay updated and never miss a new video.
YouTube Thanks: Use the "Thanks" button below to send a one-time donation.
Join the Channel Community: Get exclusive perks and behind-the-scenes content.

Every little bit counts and goes directly to creating more high-quality content for you all. Thank you so much for your continued support!

Let’s keep growing and learning together! 🌟

[zscoder]

Been watching several of your videos. Had to comment and say well done. Keep up the amazing explanations. Subscribed.

[ssikarim]

Thank you very much for the tutorial. It's very informative

[siambinkhurshid]

Thank you very much for your awesome explanation :)

[ادريسالادريس-ظص]

Your channel is so cool .. you can explained everything in good way 👍👍

[vivienhounsounou]

I'll complete the js part ahead just to challenge myself
Could you please increase the font size of your editor to 20 for part2? Thanks

[thomasgardner]

hey, this is a great video and very informative,

but I wanted to reach out to you as I am trying to develop a meditation app at the moment, but I want to implement a restful api using js, html, css, node.js and mysql but I'm not sure if im going about it the right way.

Would you be able to provide advice how I can best approach this?

[kamaleshp]

Your explanation was ultratech
I request you to make javascript tutorial pls with good explanation

[yogapassion]

Could you make a video about promise and async/await also when we use them