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

[@axisinfo819]

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

[@quotexofficialbd]

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

[@sirdrawsalot741]

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

[@masumheart6286]

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

[@quotexofficialbd]

@@masumheart6286 pls give ur number or fb link

[@sirdrawsalot741]

@@masumheart6286 dhaka bro!

[@eira88]

bro it million not mellions

[@sangameshkyatappanavar]

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

[@JhonnesMU]

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!

[@aksantibahizireactif7235]

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

[@sixtusushahemba9419]

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

[@minnie_creator5172]

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

[@abelonjoka]

can i get back end please

[@rehaneditor4]

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

[@MrPanyako]

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

[@nishaanvekar4938]

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

[@ademolaolutosin4716]

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

[@nishaanvekar4938]

@@ademolaolutosin4716 ohh... Thanks

[@faisalabrar2426]

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

[@nishaanvekar4938]

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

[@blazi_0]

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

[@RelaxationNocturneGo]

exactly

[@jworship_jw]

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

[@michaelsglas]

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]

Bro have u completed the project

[@charlesenoyoze4966]

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]

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

[@charlesenoyoze4966]

@@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.

[@EXPTECH9819]

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

[@jatinagarwal6208]

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

[@afraheemraz3753]

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

[@afraheemraz3753]

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

[@rahulwaghela3929]

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

[@afraheemraz3753]

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

[@CodingWork-p1g]

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

[@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]

Brother. You are a gift from Heaven.

[@lastspoil5547]

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?

[@Reinherts]

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!

[@Closeyellow543_]

Yeah i need that too

[@nomanraihan6035]

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

[@EGATORTUTORIALS]

I'll do that

[@kingsleynmai5608]

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

[@EGATORTUTORIALS]

😉

[@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

[@maurolimaok]

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

[@EGATORTUTORIALS]

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

[@nishaanvekar4938]

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

[@CelebrityPlayhouse]

@@nishaanvekar4938 no you need a backend to do that

[@EIGatito]

@@CelebrityPlayhouse now what's that?

[@farmboys2223]

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

[@mertcanoncul7554]

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

[@yolamontalvan9502]

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

[@albertgeorge1619]

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

[@CodingWork-p1g]

Have u completed it

[@yuldorolmedomulcue]

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

[@ExpertsAnimedia]

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

[@generalcoder9671]

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

[@georgedarko4268]

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

[@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

[@gatwechmakuch4887]

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

[@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

[@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.

[@HorsyPotter]

From Bangladesh bro love your videos ❤️ keep it up

[@ishaanpunetha]

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

[@EGATORTUTORIALS]

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

[@flexigold218]

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]

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) .

[@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

[@faruqtechnology461]

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

[@gavit633]

Thanks from India. you're great

[@CrookzArtwork]

Man u deserve the world

[@gozzybicks1910]

I love this video please make more I am from nigeria

[@jilaliferhati]

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

[@sixtusushahemba9419]

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

[@khalidsaifullahfuad]

Reallly awsome design. Gonna use it in my project

[@stephesoncustodio9655]

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

[@nashmusic917]

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

[@sohailsiddique8567]

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

[@nishaanvekar4938]

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

[@sainathreddy2632]

@@nishaanvekar4938 no

[@nishaanvekar4938]

@@sainathreddy2632 thanks

[@wolverine_d_king9422]

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

[@emeziejohnbosco3811]

I love your work bro keep it up🔥🔥🔥

[@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.

[@edsoncampos5050]

Congratulation man, beautifull job

[@muhammadeidrees5457]

Sir thanks! Very Helpful video

[@storiesofhearts4357]

You are very creative, i love this

[@SonuRaj-er1hn]

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

[@richardboakye3307]

i like your tutorials you are doing amazing work

[@cequisepasse5355]

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

[@EGATORTUTORIALS]

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]

@@EGATORTUTORIALS your website is not responding

[@charlesokorobo508]

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.

[@EGATORTUTORIALS]

I’ll keep this in mind

[@igomafpct]

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?

[@3Dmodellers]

@egator when u upload new videos?

[@moo_jee]

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

[@thatdamnmojo6321]

Love bro. This is very inspiring!

[@zareefbeyg]

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

[@afraheemraz3753]

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

[@ImranKhan-kf4ez]

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

[@ZanAngelo]

your tutorial very helpfull man thanks god bless you :D

[@acabkhai1826]

I can't believe I can learn this on KZbin

[@ashkalimpact]

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....🤗

[@EGATORTUTORIALS]

Sure you can use it

[@ademolaolutosin4716]

Bro, you are just too good. Godbless.

[@codescreativity]

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

[@baateinaurcharcha]

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

[@Ahthaf]

Super bro, Is this dynamic website and how can let use if we make (how to let to users if we make dynamic website)

[@paschalkings8184]

This is wonderful. Keep it up ❤️

[@fibonacciboy9770]

Thank you for this tutorial.

[@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 ?

[@romelariasccochachi9428]

Excelente, muchas gracias por compartir sus conocimientos.

[@janetgarciafineart6324]

beautiful design

[@jhnokall]

Great work man, can I make the site dynamic and an actual functioning website ?

[@ahmed_Rabah]

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

[@elattarmedyassine956]

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

[@EGATORTUTORIALS]

Yes. I'll add the backend

[@williamssynergyinc.1381]

@@EGATORTUTORIALS That’s great, how soon will you do that ?

[@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!

[@lekanolaoye]

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.

[@sogobamimore8933]

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

[@clarytune]

Omg this design is very dope

[@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.

[@johnsherry5319]

can u do a back end for this using node

[@stefanpfadt4353]

Mate, if you could actually create the functionality for the "create stroies"that woul dbe really AWESOME! ;)

[@EGATORTUTORIALS]

Yes. I'll do the whole backend in a future tutorial

[@stefanpfadt4353]

@@EGATORTUTORIALS Great, pls keep posted. If you can create a "create stories" plugin you can even charge for it. Many ByddyPress/Boss website creators are looking for feature like that 😉

[@nidhi6410]

@@EGATORTUTORIALS sir can you please do it in 2 months. Sir please we need your help hoping for your reply!

[@jhonyhuamanchumo2536]

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

[@EGATORTUTORIALS]

Great! I'd like to see how it turns out.

[@learninternetwithkelly8338]

This is indeed a great work I must commend you for that. The design is awesome and amazing. Sir pls one recommendation. Try and update how your videos appear, this is because all the codes you wrote where not visible, all this blured and only what you are saying is what I can grab and follow you up but it is a bit stressful learñing it that way. Pls try and update ur caamera. Or better still do screen video recording

[@EGATORTUTORIALS]

Could be ur resolution. Change it to HD

[@learninternetwithkelly8338]

@@EGATORTUTORIALS am using Android phone

[@donaldmjbart-williams3144]

I will sign up for your patron, even though I do not like copying codes because you get lazy and don't learn anything. The whole idea is about learning by doing. FYI, I have created a full Laravel & js for your front-end project. there is just one help o need. I want to stop the left and right side strolling. I change the main.left and main.right CSS for static for fixed, but it comes back screaming at me.

[@ridwanbello7767]

have solved this problem?

[@rozaffa17]

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]

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]

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

[@TayyibahTune]

@@EGATORTUTORIALS Please Upload It Full Social Media Page

[@thomjohnsongabianu]

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]

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

[@DanielAkproh]

@@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 :'(

[@jackson8460]

Hello! How long did it take you to learn how to program like this?

[@rneditz3250]

which bootstrap has been used here?

[@kamalal-zumair3238]

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

[@francislandford8340]

Great tutorial. I would like or recommend you create a profile page. Please Sir

[@maskman4821]

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

[@godofdevils4680]

spell damn correct!!!!!!!!!

[@vishnu5466]

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

[@subhamkumar091]

hi bro ess project ka source code hai

[@subhamkumar091]

pictures folder

[@Trendi_Vibes]

Great bro, i am glad ❤❤

[@billmoralesdavila3844]

muchas gracias bro por tu compartir tu conocimiento

[@diyorbeksobirov2952]

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

[@reshtinzegham3118]

great content, keep it up 👍

[@hasnainkha9738]

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