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

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 490

  • @axisinfo819
    @axisinfo819 2 года назад +60

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

  • @JhonnesMU
    @JhonnesMU 2 года назад +7

    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 Год назад +6

    This person is totally different from every youtuber on RUclips. 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 💗💗💗

  • @quotexofficialbd
    @quotexofficialbd 2 года назад +79

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

    • @sirdrawsalot741
      @sirdrawsalot741 2 года назад +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 2 года назад +1

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

    • @quotexofficialbd
      @quotexofficialbd 2 года назад

      @@masumheart6286 pls give ur number or fb link

    • @sirdrawsalot741
      @sirdrawsalot741 2 года назад

      @@masumheart6286 dhaka bro!

    • @eira88
      @eira88 2 года назад +1

      bro it million not mellions

  • @aksantibahizireactif7235
    @aksantibahizireactif7235 Месяц назад +1

    I'm from DRC you are the genius brother, thank you for even giving the source code, we are learning a lot here.

  • @sixtusushahemba9419
    @sixtusushahemba9419 2 года назад +16

    This is really amazing, I've seen some RUclips 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.

  • @blazi_0
    @blazi_0 2 года назад +11

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

  • @bambinoesu
    @bambinoesu 3 дня назад

    I love the fact this is just html/css & javascript.
    Trying to follow these react tutorials, there is always an issue with the setting up stage

  • @MrPanyako
    @MrPanyako 2 года назад +11

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

    • @nishaanvekar4938
      @nishaanvekar4938 2 года назад

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

    • @ademolaolutosin4716
      @ademolaolutosin4716 2 года назад +3

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

    • @nishaanvekar4938
      @nishaanvekar4938 2 года назад

      @@ademolaolutosin4716 ohh... Thanks

    • @faisalabrar2426
      @faisalabrar2426 Год назад

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

    • @nishaanvekar4938
      @nishaanvekar4938 Год назад

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

  • @minnie_creator5172
    @minnie_creator5172 8 месяцев назад +2

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

    • @abelonjoka
      @abelonjoka 8 месяцев назад

      can i get back end please

    • @rehaneditor4
      @rehaneditor4 2 месяца назад

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

  • @michaelsglas
    @michaelsglas 2 года назад +3

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

    • @CodingWork-p1g
      @CodingWork-p1g 7 месяцев назад

      Bro have u completed the project

  • @jworship_jw
    @jworship_jw Год назад

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

  • @charlesenoyoze4966
    @charlesenoyoze4966 Год назад +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 Год назад

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

    • @charlesenoyoze4966
      @charlesenoyoze4966 Год назад +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.

  • @Reinherts
    @Reinherts Год назад +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!

  • @EXPTECH9819
    @EXPTECH9819 Год назад

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

    • @jatinagarwal6208
      @jatinagarwal6208 Год назад

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

    • @afraheemraz3753
      @afraheemraz3753 Год назад

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

  • @afraheemraz3753
    @afraheemraz3753 Год назад +1

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

    • @rahulwaghela3929
      @rahulwaghela3929 Год назад +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 Год назад

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

    • @CodingWork-p1g
      @CodingWork-p1g 7 месяцев назад

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

    • @NidaMalik-k1v
      @NidaMalik-k1v Месяц назад

      @@CodingWork-p1g do you have the source code i am facing some problems even i am copying each and every step he is doing

  • @lastspoil5547
    @lastspoil5547 Год назад +2

    Brother. You are a gift from Heaven.

    • @lastspoil5547
      @lastspoil5547 Год назад +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?

  • @kingsleynmai5608
    @kingsleynmai5608 2 года назад +3

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

  • @maurolimaok
    @maurolimaok 2 года назад +8

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

    • @EGATORTUTORIALS
      @EGATORTUTORIALS  2 года назад +5

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

    • @nishaanvekar4938
      @nishaanvekar4938 2 года назад

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

    • @CelebrityPlayhouse
      @CelebrityPlayhouse 2 года назад

      @@nishaanvekar4938 no you need a backend to do that

    • @EIGatito
      @EIGatito 2 года назад

      @@CelebrityPlayhouse now what's that?

    • @farmboys2223
      @farmboys2223 3 месяца назад

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

  • @nestorj.echeverryhoyos8727
    @nestorj.echeverryhoyos8727 2 года назад +5

    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

  • @albertgeorge1619
    @albertgeorge1619 2 года назад +9

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

  • @azhagurajaallinall126
    @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

  • @nomanraihan6035
    @nomanraihan6035 2 года назад +1

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

  • @mertcanoncul7554
    @mertcanoncul7554 2 года назад +2

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

  • @ExpertsAnimedia
    @ExpertsAnimedia 9 месяцев назад

    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

  • @donaldmjbart-williams3144
    @donaldmjbart-williams3144 Год назад +11

    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

  • @yuldorolmedomulcue
    @yuldorolmedomulcue 5 месяцев назад

    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

  • @faruqtechnology461
    @faruqtechnology461 Год назад

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

  • @georgedarko4268
    @georgedarko4268 2 года назад +2

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

  • @generalcoder9671
    @generalcoder9671 2 года назад +3

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

  • @donaldmjbart-williams3144
    @donaldmjbart-williams3144 Год назад +1

    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

  • @yolamontalvan9502
    @yolamontalvan9502 Год назад

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

  • @gatwechmakuch4887
    @gatwechmakuch4887 2 года назад +1

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

  • @flexigold218
    @flexigold218 2 года назад +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 2 года назад +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) .

  • @x_varun_x6917
    @x_varun_x6917 Год назад

    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.

  • @havk.b2446
    @havk.b2446 Год назад

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

  • @ishaanpunetha
    @ishaanpunetha 2 года назад +1

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

    • @EGATORTUTORIALS
      @EGATORTUTORIALS  2 года назад +3

      I'll be adding the backend in the very near future

  • @HorsyPotter
    @HorsyPotter 2 года назад

    From Bangladesh bro love your videos ❤️ keep it up

  • @CrookzArtwork
    @CrookzArtwork 2 года назад +1

    Man u deserve the world

  • @baateinaurcharcha
    @baateinaurcharcha Год назад +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

  • @sohailsiddique8567
    @sohailsiddique8567 3 года назад +2

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

    • @nishaanvekar4938
      @nishaanvekar4938 2 года назад

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

    • @sainathreddy2632
      @sainathreddy2632 2 года назад +1

      @@nishaanvekar4938 no

    • @nishaanvekar4938
      @nishaanvekar4938 2 года назад +1

      @@sainathreddy2632 thanks

  • @jilaliferhati
    @jilaliferhati 2 года назад +2

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

  • @gozzybicks1910
    @gozzybicks1910 2 года назад +1

    I love this video please make more I am from nigeria

  • @gavit633
    @gavit633 Год назад

    Thanks from India. you're great

  • @stephesoncustodio9655
    @stephesoncustodio9655 2 года назад +2

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

  • @3Dmodellers
    @3Dmodellers Год назад +1

    @egator when u upload new videos?

  • @khalidsaifullahfuad
    @khalidsaifullahfuad 2 года назад +1

    Reallly awsome design. Gonna use it in my project

  • @cequisepasse5355
    @cequisepasse5355 2 года назад +3

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

    • @EGATORTUTORIALS
      @EGATORTUTORIALS  2 года назад

      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 2 года назад

      @@EGATORTUTORIALS your website is not responding

  • @nashmusic917
    @nashmusic917 Год назад

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

  • @SonuRaj-er1hn
    @SonuRaj-er1hn 2 года назад +3

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

  • @ImranKhan-kf4ez
    @ImranKhan-kf4ez 2 года назад

    Could you please make videos of various projects with coding that will benefit everyone?
    For example, calculator, camera, screen recorder, video sharing website with login form backend

  • @muhammadeidrees5457
    @muhammadeidrees5457 2 года назад +1

    Sir thanks! Very Helpful video

  • @emeziejohnbosco3811
    @emeziejohnbosco3811 2 года назад +3

    I love your work bro keep it up🔥🔥🔥

  • @sixtusushahemba9419
    @sixtusushahemba9419 Год назад

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

  • @wolverine_d_king9422
    @wolverine_d_king9422 Год назад

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

  • @storiesofhearts4357
    @storiesofhearts4357 3 года назад +2

    You are very creative, i love this

  • @richardboakye3307
    @richardboakye3307 2 года назад +1

    i like your tutorials you are doing amazing work

  • @romelariasccochachi9428
    @romelariasccochachi9428 Год назад

    Excelente, muchas gracias por compartir sus conocimientos.

  • @edsoncampos5050
    @edsoncampos5050 Год назад

    Congratulation man, beautifull job

  • @moo_jee
    @moo_jee 2 года назад

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

  • @adeafni9544
    @adeafni9544 2 года назад +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 🙏

  • @zareefbeyg
    @zareefbeyg 7 месяцев назад

    Plzz give me live demo link. I want to buy this but first I see live demo.
    Thank you 😊

  • @kingjay4934
    @kingjay4934 Год назад

    Great tutorial bro but it's not really working on mine as yours is.
    The right section has refused moving to the right side.

  • @charlesokorobo508
    @charlesokorobo508 4 месяца назад +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.

  • @ZanAngelo
    @ZanAngelo 2 года назад +1

    your tutorial very helpfull man thanks god bless you :D

  • @rozaffa17
    @rozaffa17 2 года назад +3

    Thank you very much, I appreciate it. Could you make another video of how to launch a social media website online? How to register the website, how to make it work when someone posts or messages. How to code the part when the users want to change the profile photo or the details on their profile? I hope i'm not asking too much but that would be great.

    • @EGATORTUTORIALS
      @EGATORTUTORIALS  2 года назад +9

      I'll be working on a complete social media website in the near future. We'll cover EVERYTHING you need to know to create and launch a social media website. Stay tuned!

    • @thomasnash3241
      @thomasnash3241 2 года назад

      @@EGATORTUTORIALS cannot wait any longer, iam so curious!!

    • @TayyibahTune
      @TayyibahTune 2 года назад

      @@EGATORTUTORIALS Please Upload It Full Social Media Page

  • @johnsherry5319
    @johnsherry5319 2 года назад +1

    can u do a back end for this using node

  • @aman12988
    @aman12988 Год назад +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...

  • @ToyhonaUz
    @ToyhonaUz Год назад

    Hello.
    Why did you stop at the frontend? Where is the backend part? Where is registration and authorization? Continue the cycle, we are waiting!

  • @ahmed_Rabah
    @ahmed_Rabah 2 года назад

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

  • @codescreativity
    @codescreativity 3 года назад +2

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

  • @acabkhai1826
    @acabkhai1826 2 года назад

    I can't believe I can learn this on RUclips

  • @ashkalimpact
    @ashkalimpact 2 года назад +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....🤗

  • @fibonacciboy9770
    @fibonacciboy9770 2 года назад +1

    Thank you for this tutorial.

  • @sl0verb
    @sl0verb Год назад +1

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

  • @igomafpct
    @igomafpct 2 года назад

    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?

  • @thatdamnmojo6321
    @thatdamnmojo6321 Год назад

    Love bro. This is very inspiring!

  • @sarvyanky231
    @sarvyanky231 Год назад

    hello , great tutorial helped me a lot with my project , tho i am facing issue with photo's , photo is not adjusting according to the frame size and i am only able to see one corner of the image , any solution with that ?

  • @devinclements2313
    @devinclements2313 Год назад

    @Egator what is the next step to make this into a social media platform that we can actually use? I want to be able to use this with other people for more than display purposes

  • @ademolaolutosin4716
    @ademolaolutosin4716 2 года назад

    Bro, you are just too good. Godbless.

  • @sultondev
    @sultondev 2 года назад +1

    Why don't you add a figma link to links below?

  • @billmoralesdavila3844
    @billmoralesdavila3844 2 года назад +1

    muchas gracias bro por tu compartir tu conocimiento

  • @paschalkings8184
    @paschalkings8184 2 года назад +1

    This is wonderful. Keep it up ❤️

  • @lekanolaoye
    @lekanolaoye 4 месяца назад

    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.

  • @steftony
    @steftony 2 года назад +3

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

  • @unior2676
    @unior2676 6 месяцев назад

    Hiii ... How can we connect this to php and MySQL. Can you make a video for this ..plz

  • @kamalal-zumair3238
    @kamalal-zumair3238 2 года назад

    Thanks Alot ... but how I can add the values of colors and themes to localstorage

  • @hasnainkha9738
    @hasnainkha9738 11 месяцев назад

    Can we make these sections using flexbox left,middle & Right?

  • @mahiop4525
    @mahiop4525 10 месяцев назад

    sir help me how you have hide the customization section before the media query

  • @afraheemraz3753
    @afraheemraz3753 Год назад

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

  • @janetgarciafineart6324
    @janetgarciafineart6324 2 года назад +1

    beautiful design

  • @elvisboseko7036
    @elvisboseko7036 Год назад

    Hello Equator,
    Nice video.
    I have a concern. My customize-theme popup window is frozen on the screen, it does not disappear, can you help me?

  • @nkirukaedithonwugbufor9224
    @nkirukaedithonwugbufor9224 Год назад

    Hi, great work, just that I clicked on the link to see your source code and it's not working, I think there's a typo there, kindly check. Thanks

  • @izmirgoztepem
    @izmirgoztepem 2 года назад

    iam finised with this project everthing wokr perfect only the chatbox isnt work in my project. is it possible to make more react projects ? thank you very much for this website

  • @mistermister9702
    @mistermister9702 2 года назад

    Hello together, at the moment I just copy the code and try to follow step by step. But at 18:25, when I type align-items: center; it doesnt move. Does anybody knows why? Also the search icon is not next to the search-bar. The icon is above the search-bar. It would help very much. Thanks in advance

  • @thomjohnsongabianu
    @thomjohnsongabianu 2 года назад +1

    I'm just a new subscriber to your channel yet I have already loved your incredible tutorials. Please, a humble request: CAN YOU MENTOR ME? I'm so eager to learn more from you.

    • @EGATORTUTORIALS
      @EGATORTUTORIALS  2 года назад +2

      Welcome onboard, Johnson. I'm honored to be your mentor.

    • @DanielAkproh
      @DanielAkproh 2 года назад

      @@EGATORTUTORIALS would you mind having another mentee? I've always wanted to get connect with people that are enthusisastic about programming and stuff, but it is especially hard for me :'(

  • @jhonyhuamanchumo2536
    @jhonyhuamanchumo2536 2 года назад

    thank so much, i will add features backend using php.

  • @sogobamimore8933
    @sogobamimore8933 2 года назад

    You sound Nigerian. Are you? I am. I know one day I'd be good like you are. God Bless you.

  • @anastasioskyr
    @anastasioskyr 3 года назад +1

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

  • @vishnu5466
    @vishnu5466 2 года назад +4

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