Responsive Social Media Website With Theme Customization Using HTML CSS & JavaScript

Sdílet
Vložit
  • čas přidán 12. 09. 2024

Komentáře • 489

  • @axisinfo819
    @axisinfo819 Před 2 lety +59

    This channel has more valuable content with tons of skills to learn than what some of these Bootcamps and university courses offer. RESPECT!

  • @quotexofficialbd
    @quotexofficialbd Před 2 lety +77

    i am from bangladesh and really this guy deserve mellions of view....keep it up my dear teacher

    • @sirdrawsalot741
      @sirdrawsalot741 Před 2 lety +4

      Hey! From Bangladesh too. Its good to see a fellow bangladeshi on this comment section. Just out of curiosity, are you a developer?

    • @masumheart6286
      @masumheart6286 Před 2 lety +1

      I am also from chittagong Bangladesh..
      Good to see you here..can i know which district are you from ??

    • @quotexofficialbd
      @quotexofficialbd Před 2 lety

      @@masumheart6286 pls give ur number or fb link

    • @sirdrawsalot741
      @sirdrawsalot741 Před 2 lety

      @@masumheart6286 dhaka bro!

    • @eira88
      @eira88 Před 2 lety +1

      bro it million not mellions

  • @sixtusushahemba9419
    @sixtusushahemba9419 Před rokem +16

    This is really amazing, I've seen some CZcams social media project courses similar to yours, but I think this's amazing. Great Job and thank you for releasing it for free. It shows you not doing it for other reasons only but mainly to teach others how to make it.

  • @JhonnesMU
    @JhonnesMU Před 2 lety +6

    I'm Brazilian, and learning to program recently, I'm finishing some courses to later come to practice and practice all your videos, thank you, you're very good!

  • @sangameshkyatappanavar
    @sangameshkyatappanavar Před rokem +6

    This person is totally different from every youtuber on CZcams. His videos are remarkable and incredible... I love the way he explains everything from just the basic and fundamentals. I totally love him. Thank you sir for your invaluable videos.
    Lots of love n support sir
    Thankyou 💗💗💗

  • @MrPanyako
    @MrPanyako Před 2 lety +11

    This needs to be shared as much as possible. A Million views for this guru!

    • @nishaanvekar4938
      @nishaanvekar4938 Před 2 lety

      After making this website can I upload and message anyone and upload photos without writing codes....???

    • @ademolaolutosin4716
      @ademolaolutosin4716 Před rokem +3

      @@nishaanvekar4938 None. A backend and database will be needed.

    • @nishaanvekar4938
      @nishaanvekar4938 Před rokem

      @@ademolaolutosin4716 ohh... Thanks

    • @faisalabrar2426
      @faisalabrar2426 Před rokem

      @@nishaanvekar4938 hey if you have made this website can you plz share your github repo

    • @nishaanvekar4938
      @nishaanvekar4938 Před rokem

      @@faisalabrar2426 No,I didn't make the website...

  • @blazi_0
    @blazi_0 Před 2 lety +9

    That fact that he did all this without javasvript framework is awsome

  • @charlesenoyoze4966
    @charlesenoyoze4966 Před rokem +3

    This is mind blowing. I hardly comment on tutorials but I have respect for yours. Thanks for your patience and effect on the completion of this free great project.

    • @jatinagarwal6208
      @jatinagarwal6208 Před rokem

      heyy i have some questions regarding this project can you plz answer them, first is : does this project has backend?

    • @charlesenoyoze4966
      @charlesenoyoze4966 Před rokem +1

      @@jatinagarwal6208 sure there is backend for this project but was not covered on this tutorial. I am not the author of this tutorial, however if you are interested in backend feel free to ask.

  • @michaelsglas
    @michaelsglas Před rokem +3

    I’ve just discovered your channel today (Oct 12 ‘22) and this is top notch information and I appreciate you sharing this information.

  • @Reinherts
    @Reinherts Před rokem +5

    Hello EGATOR, thank you so much for this. I have a few requests to put across
    1. Would you kindly add ecommerce and adverting features/ functionality to this series
    2. Kindly do a backend for this series
    I really recognize and appreciate all the effort you put into developing these videos, they really help us way big!
    Thanks once again, best regards!

  • @nestorj.echeverryhoyos8727

    Que gran trabajo, he aprendido más con tus tutoriales que con cursos, hasta ingles estoy aprendiendo contigo, muchas gracias... nice to have come to your channel

  • @EXPTECH9819
    @EXPTECH9819 Před rokem

    This is one of the best CZcams tutorial i have ever come crossed. I am a self thought Web developer and your video have just enhance my study thanks..

    • @jatinagarwal6208
      @jatinagarwal6208 Před rokem

      heyy i have some questions regarding this project can you plz answer them, first is : does this project has backend?

    • @afraheemraz3753
      @afraheemraz3753 Před rokem

      @@jatinagarwal6208 not it's only front end. you have to do your backend yourseld

  • @albertgeorge1619
    @albertgeorge1619 Před 2 lety +9

    Looking for more videos like this. Please create more projects using HTML and CSS. Thanks a lot for these tutorials!!

  • @jworship_jw
    @jworship_jw Před rokem

    I was searching through You-tube and i found this.
    It really helped me. Thank you.

  • @afraheemraz3753
    @afraheemraz3753 Před rokem +1

    i spend a complete whole day by only watching this tutorial. so finall i completed this project 😍😍

    • @rahulwaghela3929
      @rahulwaghela3929 Před rokem +2

      hey
      my problem is after apping media query my message box not appeaar nd all mesh up.
      can u give me solution

    • @afraheemraz3753
      @afraheemraz3753 Před rokem

      @@rahulwaghela3929 can't without seeing your source code.

    • @user-id7je6ku4n
      @user-id7je6ku4n Před 5 měsíci

      Bro I am also having problem in code can u plz give us source code

  • @mertcanoncul7554
    @mertcanoncul7554 Před 2 lety +2

    looks amazing i can't wait to do this when i get off work in the evening

  • @kingsleynmai5608
    @kingsleynmai5608 Před 2 lety +3

    Thank you country man. A great job you are doing. You are helping a millions.
    I appreciate you

  • @georgedarko4268
    @georgedarko4268 Před 2 lety +2

    Well done my guy, Loved everything about this project. 👍👍👍 to you and thank you.

  • @minnie_creator5172
    @minnie_creator5172 Před 6 měsíci +1

    This video is very useful for me because of this my collage project is completed thank you so much sir 😊

    • @abelonjoka
      @abelonjoka Před 6 měsíci

      can i get back end please

    • @rehaneditor4
      @rehaneditor4 Před 16 dny

      mam are you java script code is search message code is properly run or not

  • @generalcoder9671
    @generalcoder9671 Před 2 lety +3

    i like your design style : it's modern
    keep up!

  • @maurolimaok
    @maurolimaok Před 2 lety +8

    I'm studying logic and algorithms by know, but this quality in developing is my goal. Thanks for te inspirational video.

    • @EGATORTUTORIALS
      @EGATORTUTORIALS  Před 2 lety +5

      I'm glad you enjoyed the video. Even better projects coming up!

    • @nishaanvekar4938
      @nishaanvekar4938 Před 2 lety

      After making this website can I upload and message anyone and upload photos without writing codes....???

    • @CelebrityPlayhouse
      @CelebrityPlayhouse Před 2 lety

      @@nishaanvekar4938 no you need a backend to do that

    • @EIGatito
      @EIGatito Před rokem

      @@CelebrityPlayhouse now what's that?

    • @farmboys2223
      @farmboys2223 Před 25 dny

      @@EGATORTUTORIALSI just need your contact details… your email is bouncing back…

  • @lastspoil5547
    @lastspoil5547 Před 11 měsíci +2

    Brother. You are a gift from Heaven.

    • @lastspoil5547
      @lastspoil5547 Před 10 měsíci +1

      how do you figure out the varibles for your css without experimenting? For example color-white: hsl(252, 30%, 100%), borer-radius: 2rem; sticky-top-left: 5.4rem. u know? are the variable similar for most commercial websites or something?

  • @donaldmjbart-williams3144

    Thank you very much for your beautiful tutorial. It is amazing how you can cram so much knowledge and techniques into one tutorial. Big up to you brother. You are the real man

  • @flexigold218
    @flexigold218 Před 2 lety +16

    Great tutorial..thanks for the priceless tutorial, this is actually better than most premium courses..thanks once again.
    On a side note, I was coding along using scss instead of CSS, so I used scss variables. However, I ran into some problems trying to control the theme colours and backgrounds with JavaScript. How can I use JavaScript to control my scss variables. Any guidance/resources will be appreciated.

    • @ademolaolutosin4716
      @ademolaolutosin4716 Před rokem +1

      There shouldn't be any issue because the page has no idea of any CSS processor that is being used because what is linked to the page is the minified version of your compiled CSS. So try and check if you are selecting the right attributes (you can inspect the compiled css file) .

  • @nomanraihan6035
    @nomanraihan6035 Před 2 lety +1

    The best youtube channel on Earth. Please create an E-commerce website. Please please

  • @donaldmjbart-williams3144

    Hello Equator.
    I just found you online while searching for a template of exactly this type. Your skills in HTML and CSS are impeccably amazing. Absolutely brilliant. I am writing the PHP code behind your front end using Laravel 9, just got one request if I may. Could you add three modal-type popup windows for sending Post, Comments, and Messages? I will be very happy to subscribe to your channel. Thank you

  • @jilaliferhati
    @jilaliferhati Před 2 lety +2

    This is a great walk through video to learn from. really good stuff

  • @sixtusushahemba9419
    @sixtusushahemba9419 Před rokem

    This's really amazing. Great job, I've learned a lot from you. Thank you and keep it up.💪🏽

  • @CrookzArtwork
    @CrookzArtwork Před 2 lety +1

    Man u deserve the world

  • @emeziejohnbosco3811
    @emeziejohnbosco3811 Před 2 lety +3

    I love your work bro keep it up🔥🔥🔥

  • @yolamontalvan9502
    @yolamontalvan9502 Před rokem

    Man, you’re a smart guy. I would give you a hundred likes if I could.

  • @gatwechmakuch4887
    @gatwechmakuch4887 Před 2 lety +1

    Hey bro thanks for this video although I’m just beginning my journey of becoming a web developer but I love ❤️

  • @stephesoncustodio9655
    @stephesoncustodio9655 Před 2 lety +2

    thank you so much for this video, it helped me learn a lot of new things 🤩🤩

  • @ZanAngelo
    @ZanAngelo Před 2 lety +1

    your tutorial very helpfull man thanks god bless you :D

  • @nashmusic917
    @nashmusic917 Před rokem

    Hey thank you, you are very skilled and organized with your code, keep them coming!

  • @storiesofhearts4357
    @storiesofhearts4357 Před 2 lety +2

    You are very creative, i love this

  • @ishaanpunetha
    @ishaanpunetha Před 2 lety +1

    Wow you are such an inspiration , if one can add some back-end this is worth being utilised. .. .

  • @khalidsaifullahfuad
    @khalidsaifullahfuad Před 2 lety +1

    Reallly awsome design. Gonna use it in my project

  • @sl0verb
    @sl0verb Před rokem +1

    I'm not able to get a source of this website

  • @sohailsiddique8567
    @sohailsiddique8567 Před 2 lety +2

    Love you bro beautiful project that's what I want from a year

  • @richardboakye3307
    @richardboakye3307 Před 2 lety +1

    i like your tutorials you are doing amazing work

  • @paschalkings8184
    @paschalkings8184 Před 2 lety +1

    This is wonderful. Keep it up ❤️

  • @SaveTheBalls
    @SaveTheBalls Před 2 lety

    From Bangladesh bro love your videos ❤️ keep it up

  • @codescreativity
    @codescreativity Před 2 lety +2

    Omg U r osm .... Great Webpage ✅✅

  • @gozzybicks1910
    @gozzybicks1910 Před 2 lety +1

    I love this video please make more I am from nigeria

  • @edsoncampos5050
    @edsoncampos5050 Před 9 měsíci

    Congratulation man, beautifull job

  • @azhagurajaallinall126

    Thank you bro..
    I just shared to my peers
    Now i got some issues to concentrate(thanks to family for ruining constantly)
    Would love to try & learn that bro..
    If ome day,got career life as wished,dreamed & remember this,i would love to come back here & say
    Hope wisj you all will be well in life,career,family 😃🌟✨🌏🏠🙌
    15.03.2023 10:06 pm ist

  • @yuldorolmedomulcue
    @yuldorolmedomulcue Před 3 měsíci

    Gracias por ese proyecto soy fan de JS y PHP, me ayudas a practicar y aprender mas. soy estudiante de ingenieria de software de 7 semestre. Saludos desde Colombia en Suramerica

  • @totoadalbert
    @totoadalbert Před 2 lety +2

    Broo amazing!

  • @muhammadeidrees5457
    @muhammadeidrees5457 Před 2 lety +1

    Sir thanks! Very Helpful video

  • @thatdamnmojo6321
    @thatdamnmojo6321 Před rokem

    Love bro. This is very inspiring!

  • @ExpertsAnimedia
    @ExpertsAnimedia Před 7 měsíci

    You've always been given out real contents guru thanks alot.
    Pls I can't download the source code of your designs with other videos

  • @wolverine_d_king9422
    @wolverine_d_king9422 Před rokem

    Thaanku so much for providing the assets 🔥🔥❤️❤️❤️

  • @elattarmedyassine956
    @elattarmedyassine956 Před 2 lety +1

    Such a incredible work! Keep it up! I would love to ask you if you're planning to finish the project? (His back end)

  • @fibonacciboy9770
    @fibonacciboy9770 Před 2 lety +1

    Thank you for this tutorial.

  • @gavit633
    @gavit633 Před rokem

    Thanks from India. you're great

  • @mochjakariya
    @mochjakariya Před 2 lety

    Thanks a lot sir, your simple explanation help me a lot.

  • @cequisepasse5355
    @cequisepasse5355 Před 2 lety +3

    Thank you bro, you are a professional. Please i want to use it like template, where can't i download it.?

    • @EGATORTUTORIALS
      @EGATORTUTORIALS  Před 2 lety

      The source files and live demo of this and all other projects on this channel are available for my patrons. Check it out with the link in the video description.

    • @ezeukoemmanuel3688
      @ezeukoemmanuel3688 Před 2 lety

      @@EGATORTUTORIALS your website is not responding

  • @faruqtechnology461
    @faruqtechnology461 Před rokem

    I did it all with react js fully functional I even added some features

  • @ademolaolutosin4716
    @ademolaolutosin4716 Před rokem

    Bro, you are just too good. Godbless.

  • @geostricks275
    @geostricks275 Před rokem

    Dude, AMAZING!

  • @yawsthoughts2593
    @yawsthoughts2593 Před 2 lety +1

    This looks great

  • @billmoralesdavila3844
    @billmoralesdavila3844 Před 2 lety +1

    muchas gracias bro por tu compartir tu conocimiento

  • @ahmed_Rabah
    @ahmed_Rabah Před rokem

    great video thank you very much it was very helpful to practice

  • @janetgarciafineart6324
    @janetgarciafineart6324 Před 2 lety +1

    beautiful design

  • @baateinaurcharcha
    @baateinaurcharcha Před rokem +1

    hey you haven't showed how to put that theme dialogue box down, seems like you just skipped to media queries. I'm stuck there, please provide the solution how to switch that off. I'm stuck at the part from 1.49.44

  • @romelariasccochachi9428
    @romelariasccochachi9428 Před 11 měsíci

    Excelente, muchas gracias por compartir sus conocimientos.

  • @rowerzysta8799
    @rowerzysta8799 Před 2 lety

    That looks really cool :p

  • @maskman4821
    @maskman4821 Před 2 lety +2

    darn, this is amazing, what a pro project we have 🤩

  • @reshtinzegham3118
    @reshtinzegham3118 Před 4 měsíci

    great content, keep it up 👍

  • @adeafni9544
    @adeafni9544 Před 2 lety +1

    Hey i have followed ur tutorial on this video, and i hv reached "the left sidebar" section but the profile pic on the left sidebar cant be shown, can u please tell me where is the possible problem that i hv Made? Thanks in advance 🙏

  • @clarytune
    @clarytune Před 2 lety

    Omg this design is very dope

  • @devteammm3563
    @devteammm3563 Před rokem +4

    please the source code

  • @YOFAYEP
    @YOFAYEP Před 2 lety +1

    49:03 START

  • @havk.b2446
    @havk.b2446 Před rokem

    Can you please share the backend? this is the best channel yet so far. I'm hoping you drop a backend video soon.

  • @igomafpct
    @igomafpct Před 2 lety

    This is so so best ever I have been searching for.
    Thanks in advance keep it up man.
    But please can you do this with react if possible?

  • @johnsherry5319
    @johnsherry5319 Před rokem +1

    can u do a back end for this using node

  • @afraheemraz3753
    @afraheemraz3753 Před rokem

    i am your new lifetime subscriber. you deserve more then this. love a lot😍😍

  • @Trendi_Vibes
    @Trendi_Vibes Před 3 měsíci

    Great bro, i am glad ❤❤

  • @graffincindy1532
    @graffincindy1532 Před 2 lety +1

    Just a perfect video that learn a lot of things !

  • @chzmo
    @chzmo Před 2 lety

    Yo the best Man ❤️❤️

  • @x_varun_x6917
    @x_varun_x6917 Před rokem

    Really appreciate your work and skills....
    I noticed that you are changing the code without even recording that...this creates confusion and then it gets difficult to rectify the error.

  • @lekanolaoye
    @lekanolaoye Před měsícem

    Hi. I'm hoping someone who has completed this video responds to my question. Pls how long do you think it'll take a lazy person to code along through this video and complete the project?
    I know it's a >2hr video, but it'll definitly take more than that in the real sense.

  • @charlesokorobo508
    @charlesokorobo508 Před 2 měsíci +1

    Hello Sir,
    I see that you are a React heavyweight: meaning that you know React very well.
    Now, I will like you to learn Svelte and SvelteKit, and I promise you that you will love it.
    I am poor with JavaScript itself, but I have started learning Svelte and SvelteKit, and I am already understanding it.
    After you've mastered Svelte and SvelteKit, I will like for you to create this same Tutorial of Facebook clone-- using Svelte and SvelteKit, plus, I will like you to make it a Full Stack Application by connecting it to a Postgres database and probably deploying it to something like Supabase, Firebase and so on.
    Would you be able to do that, Sir?
    Regards.

  • @diyorbeksobirov2952
    @diyorbeksobirov2952 Před 2 lety +1

    Hi brother how are you. thanks for you lessons.
    #qustion whether the demo is free or paid?

  • @3Dmodellers
    @3Dmodellers Před rokem +1

    @egator when u upload new videos?

  • @SonuRaj-er1hn
    @SonuRaj-er1hn Před 2 lety +3

    Hii your teaching way is awesome, can i get source code please

  • @YuriiKratser
    @YuriiKratser Před 2 lety +2

    Thanks!

  • @ihtashamhaider8768
    @ihtashamhaider8768 Před 2 lety +1

    Great work

  • @steftony
    @steftony Před 2 lety +3

    Hello, thanks for sharing this ! Can I use it to create a social network for roleplay server?

  • @ashkalimpact
    @ashkalimpact Před 2 lety +2

    Thanks so much for this, permission to use it on my tutor site please...🙏 Have been looking for where to learn this, i only know how to use WordPress....am so happy i come across this....🤗

  • @vishnu5466
    @vishnu5466 Před 2 lety +4

    Done man! Thanks very much 😊...
    Also can you tell how to view stories instead of making them static??

  • @nicodemuschidera8036
    @nicodemuschidera8036 Před 2 lety +1

    bro u are the greatess

  • @aman12988
    @aman12988 Před rokem +1

    How can I enlarge the size if these icons..??
    I know for enlarging icons used from 'font-awesome' , 'bootstrap' etc such icon providing sites, we need to put 'fa-2x' class along with that icon's class we wanna enlarge, but how do I enlarge these icons which is used from 'Iconscout'..??
    I tried to set height & width too but that didn't changed the actual icon's size, it just changed the space that that icon took in the WebPage...

  • @B_Hghlights1
    @B_Hghlights1 Před 2 lety +2

    Sir hope there will be next parts till the back end codes. I love your work I just shared

    • @EGATORTUTORIALS
      @EGATORTUTORIALS  Před 2 lety +1

      I Will be creating a complete social media site with MERN soon, so watch out for that!

    • @B_Hghlights1
      @B_Hghlights1 Před 2 lety

      @@EGATORTUTORIALS but I don't know mern sir can you explain

    • @EGATORTUTORIALS
      @EGATORTUTORIALS  Před 2 lety

      @@B_Hghlights1 MERN is just a stack of languages & frameworks. Mongo DB, Express, React, and Node JS.

    • @B_Hghlights1
      @B_Hghlights1 Před 2 lety

      @@EGATORTUTORIALS I have all my front end ready now is left to start backend and I don't know the process can you supposed any tutorial 🙏🙏

    • @B_Hghlights1
      @B_Hghlights1 Před 2 lety

      But we want backend with php n MySQL

  • @charlesokorobo508
    @charlesokorobo508 Před 2 lety +4

    Since you've been able to build something like this with plain JavaScript, it means you wouldn't have problem doing this same thing with the DORM Stack(Deno,Oak, React and MongoDB).
    Can you build it for me with the DORM Stack and I pay you for it?
    Regards

  • @sajadsaeediazad6642
    @sajadsaeediazad6642 Před 2 lety

    wow fantastic bro😍🤩🤩🤩🥰🥰💙💙💙

  • @_Rohit_Kumaar
    @_Rohit_Kumaar Před 2 lety

    Brother! I love you.

  • @anastasioskyr
    @anastasioskyr Před 2 lety +1

    Hey, can I publish my website, but use your template? I will add/remove things etc.!

  • @xeno_nft199
    @xeno_nft199 Před 2 lety

    Its so awesome bro