DEV Community

Cover image for I 👿 BRUTALLY 👿 review your crappy sites, first victim is Bhagya Mudgal!
InHuOfficial
InHuOfficial

Posted on • Updated on

I 👿 BRUTALLY 👿 review your crappy sites, first victim is Bhagya Mudgal!

Oh dear, I write these angry rants and people are actually silly enough to ask me to review their websites in the comments?

Strap in as I destroy a young developer's site, with their permission of course!

They actually asked you to do this?

Yes, how silly of them! And they did it on one of my angry rants posts too so I knew they were up for punishment!

Can you review my Portfolio bhagyamudgal.me

That very much depends, do you want "a review" where I look at your site and give you a few pointers and tips to improve it.

Or do you want "A REVIEW" where I pick apart every tiny little thing that isn't absolutely perfect with the site and trash you to within an inch of your life making you wonder why you ever thought you wanted to become a developer? (same as this article, anger is for fun!)

Happy to do either, if you are brave enough to go for the second option I will do a whole article on it...but it will be brutal 🤣!

I want a genuine review so I am ok with 2nd option.

See I am not lying, they volunteered to be shredded so here goes (angry man rant mode full engaged!)


Trigger warnings: The anger is for fun but the article will be aggressive and there are likely to be swears. If you are sensitive to either of those things then you should leave now! Oh and if you are a fan of TailWind I bash it repeatedly throughout the article, so you have been warned! 😉

After release note: I slightly "overcooked" the use of the F word in this article to the point it was excessive. It is one of those tough things to drop it often enough to keep the anger going without overdoing it and this time I failed. I hope it doesn't detract too much from the article! Enjoy ❤


First Impressions

When I landed on https://www.bhagyamudgal.me/ I was greeted with a pleasing dark theme and a nice waving hand emoji.

Bhagya Mudal (a young man with dark hair and wearing a black shirt) website home page, black background with blue headings and navigation buttons, white text with a picture of Bhagya

Aww bless Bhagya, you even have a picture of your handsome face, which is great.

But you have fallen into that trap of copying shitty ideas from other developers.

Don't be so weak with your openings.

First the main heading "Hi👋🏻, I am Bhagya Mudgal".

Talk about a weak opening! Yes I know who you are your name is in the fucking URL.

Also I don't really care what you are called yet, I have a problem and I want to know if you can fix it!

That is immediately followed by a typewriter effect telling me all of the things you are!

When did developers start thinking that they had to list 50 different attributes to make themselves appear interesting? Are we arrogant enough to think people care or it is even relevant?

Also do you really expect someone to sit there and wait 20+ seconds to read 5 "interesting" factoids about you?

Ditch the typewriter effect, only developers think it is good.

Finally let's talk about that nice picture of that beautiful face of yours in pride of place.

You look smart and professional which is great.

Unfortunately it looks like you are in the scope of a sniper due to the circular surround and the line across the background! (I added the red dot just to complete the effect!)

Bhagya Mudgal on a light background with a line across it. I added a red dot to make it look more like a sniper scope

What should you do!

Bhagya why are you doing this to yourself?

You were smart enough (or is it stupid enough?!) to ask for a review, how can you not see how weak the first impression is if you just copy crappy developers who have no imagination!

Rethink this bit. Ask yourself the key questions:

  • why did I build this site, what is my goal?
  • what do I want people to do when I finally persuade them to click on my link and visit my site?

At the moment the answers are "I don't know" and "look at a pretty animation"?

Fuck that, I can see you have just started freelancing, that is fucking great! So what do you want?

My guess is freelancing work!

But what work? Who do you help? Small businesses, development companies looking for temps and sub contractors? Do you do designs or do you build things from designs?

Answer those questions before anyone has chance to click that back button.

I am making this up obviously but something like:

I build high quality software and web experiences that drive customer engagement and improve sales

Fuck me, you are the man I need, where is the contact button!

No seriously, where the fuck is the contact button?

Don't make me look for the next action.

If you want me to contact you then place a "contact me" link (styled like a button) right below the opening paragraph.

Or if you think I will need more information before making a decision then make the link lead to your projects page with the text "See how I can help".

And for the love of God will you retake that picture (or photoshop out the background line) so you don't look like you are about to eat the wrong end of a .50 cal armour piercing rifle round?

What the fuck is Butter CMS?

I was going to ask you why you were being a cheapskate and allowing advertising on your site. Then I saw the price of butter CMS and realised you were actually smart!

Fuck me that is some expensive software (that you really don't need!) for a brochure site!

$333 a month ($399 a month if you don't want to part with $3996 in one go and pay annually!) for a 100 page maximum website? (they want me to pay extra for page 101?)

Always one to see an opportunity to make money I will happily build you a CMS for $299 a month, how is that for a deal?

Anyway this isn't a rant about Butter, the point is a big fat advert in the corner of your site is very off-putting!

Ditch that over priced CMS and take the time to find an open source alternative if you want stuff for free!

I mean, you spend ages writing an article, promoting it on social media, someone likes what you have to say and finally visits your site, excited that you might be able to help them.

They see the massive and out of place advert, click it and go away from your site.

They get confused by Heroku and all manner of words they don't understand, see the expensive prices of the CMS and go back to Google.

Visitors are hard to get, don't give people a reason to click away ffs!

You fucking hurt me with your Markup

Oh man, you used an SVG as a button for the mobile menu?

Rather than cover all the ways you fucked up in detail, I already have a rant perfect for your site:

Go on, read that shit before you continue!

Read it? Good! Now please, for the love of God, will you just use a <button> for a button. It is right there in the name.

This means that people using assistive technology such as a screen reader when viewing your site on a mobile can still reach your navigation and enjoy your site.

But that isn't the worst of it!

You used <button>s for your navigation items themselves (on desktop and mobile). Buttons with hrefs! It isn't even valid HTML!

These should be anchors (<a>).

Here is a golden rule to remember what to use - if the URL changes when you click something then it should be an <a>, otherwise use a <button>.

Additionally the links to other pages should also be within a <nav> element as they are navigation - the HTML spec peeps really outdid themselves making this element easy to remember.

Yet again this helps screen reader users as they can then navigate the page by regions and find the navigation easily!

Here is the Markup you should be using:

<button class="md:hidden Other TailWind Attrocities" aria-controls="main-nav" aria-haspopup="true" aria-expanded="false">Your SVG for the menu on mobile</button>
<nav id="main-nav" class="hidden md:flex">
<button class="Arrrgghhh Tailwind mess">Your SVG for closing the menu</button>
  <ul>
    <li>
      <a class="nav-button" href="/" aria-current="page">Home</a>
    </li>
    <li>
      <a class="nav-button" href="/about">About</a>
    <li>
    <li>
      <a class="nav-button" href="/blog">Blog</a>
    <li>
    <li>
      <a class="nav-button" href="/projects">Projects</a>
    <li>
    <li>
      <a class="nav-button" href="/contact">Contact</a>
    <li>
  </ul>
</nav>
Enter fullscreen mode Exit fullscreen mode

Fucking simple to make things accessible isn't it!

First thing you will notice is I added aria-current="page" to the current pages hyperlink.

Instead of disabling the navigation item for the current page you can just add this attribute to tell screen readers what page they are on!

What is even more cool is that you can use this for styling with:

.nav-button[aria-current="page"]{
/*your styles*/
}
Enter fullscreen mode Exit fullscreen mode

Well you could have done if you hadn't used TailWind! But there will be plenty of opportunity for me to slip in digs at TailWind throughout the article so I will leave that alone for now.

Now there are a load of weird attributes I added that you might not recognise.

Don't worry it isn't your fault that courses don't teach you about accessibility so it all looks scary!

Let me break it down for you:

  • aria-controls="main-nav" - This associates the button with the navigation so that screen reader users know what this button is related to. The main-nav part is the id of the navigation and that is how we make the link.
  • aria-haspopup="true" - This lets screen reader users know that clicking this button will open some sort of modal / window.
  • aria-expanded="false" - This attribute lets screen reader users know the current state of the modal / popup (that we associated earlier with aria-controls). It should start as aria-expanded="false" as the menu isn't open. However when the menu opens you need to change this to aria-expanded="true" to let screen reader users know that the popup is now visible.

There are a couple of other things to note.

When I press the "open" button and the menu is displayed you should change the focus to land on your "close" button (which I have changed to a button in the same way I did with the open button).

SVG accessibility

Also with SVGs you need to provide a text alternative.

Basically at the moment your SVGs do not contain any text that a computer can use to announce what the image is about.

As we are using these images as the contents of buttons we need to give them a programatically determinable name so a screen reader user knows what the open and close buttons do!

Luckily SVGs have a way of adding accessible names built in, this is the <title> element.

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-labelledby="close-title" role="img">
  <title id="close-title">Close</title>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
Enter fullscreen mode Exit fullscreen mode

You will notice how I added the <title> as the first element above any paths in your SVG.

Think of the <title> as an alt attribute on an image.

The only other thing to note is that I used aria-labelledby and pointed that to the <title>.

This is just a way to make the SVG more robust for screen readers.

Finally I added role="img". This tells the browser to treat this SVG like an <img> element and is just another thing we have to do to make it more robust.

I know that is a lot to take in but as long as you remember to:

  • add role="img" to the SVG element,
  • add a <title> element with a suitable description,
  • give the <title> element a unique ID
  • use aria-labelledby to point to that ID

you will be fine, even if you don't understand the exactly why at this stage.

Finally you should also trap focus within the menu but that is complicated and something for another day, especially as this is a mobile menu so it is less relevant.

A new sin!

Here is one I haven't covered before in any of my writing.

You put a <button>...in an <a> on your projects page?!?

What on Earth is that about?

Your poor browser will be screaming!

"Ok did he click the button, or the anchor. What should I do? Should I fire both or just one? Who am I? What day is it? Why did you do this too me, why?" - your poor browser

As an added side effect of this atrocity it means that when tabbing through the page every single linkbutton (a new term! you invented a new shitty element!) has 2 tab stops.

As each card has 2 linkbuttons within it you have added so many additional tab stops that I got fucking Repetitive Strain Injury (RSI) reviewing your crappy site!

Never nest interactive elements (well almost never but that is a long and nuanced conversation).

Ditch the <button> inner container in favour of a <div> as the outer anchor (<a>) is the right element to use here.

Contact Page

You added labels to your form! You even put them in the right place (just above the relevant input and aligned to the left)

I was starting to forgive you for the button fiasco and my heart rate had dropped below 150 Beats Per Minute (BPM) finally. Then I noticed that you didn't associate the label with an input! 🤦‍♂️

Are you trying to give me a fucking heart attack? My heart's BPM is back over 180 now!

Web Development 101: You need to give your inputs IDs. Then on the relevant label you add for="IdOfRelevantInput".

Really fucking easy!


<div class="flex flex-col my-4">
  <label for="nameInput" class="TailWind Bullshit">Name</label>
  <input id="nameInput" name="name" type="text" class="More TailWind Bullshit" placeholder="Enter Your Name" value="">
</div>

Enter fullscreen mode Exit fullscreen mode

What this does is make sure that a browser can tell a screen reader "this input is linked to this label so please say "Name" to describe this field".

Oh and by doing that you will be able to click on the label to focus the input as well as the input itself, which is really handy if you are someone with accuracy / dexterity problems (i.e. someone with Parkinson's Disease or Cerebral Palsy).

There are other problems like the fact that the error messages are not linked to the input, your inputs don't indicate they are invalid etc. etc. but let's start with the basics and link the inputs together first, I can help you with that stuff later or you can read up on making forms accessible.

Oh and just a heads up, a certain angry accessibility guy not too far from here is going to release a monster article on forms in the next 2 weeks so you may want to keep an eye out for that as it will probably cover all the bits you need to know (and more besides!) 😃!

About Page

Yes I know I am not going in order, tough shit! I like making you have to think!

Now being really brutal you have to ask: Is the about page actually relevant?

Well yet again I do not know the goal of the site. If you are looking for love then you are certainly on the right track as this would make an excellent dating profile.

But if you are looking for work, or looking to get more readers etc. then you need to cut the crap that doesn't matter.

I like to ask myself the following question when writing copy:

"Does this tell the person reading it one of the benefits of using my services / reading my stuff" etc.

In this instance I will offer two variations:

You want more readers

"I am a student in New Delhi with a passion for writing.

I like to write about the MERN stack due to my extensive experience using it in personal projects, for client work and in open source projects.

I also like to write about my journey and experiences when learning to use new technologies, as I believe this may be useful to others.

If this is the sort of thing you like to read about then why not connect with me, I love making new friends in the developer community and seeing how we can help and learn from each other:"

You want freelance work from other developers

"I am a college student by day and freelancer by night.

I have created several site clones and helped several clients bring their ideas to life. "You can check out some of my work here" (link to projects and add any client work you have done).

As a student I am able to offer a fresh perspective on common problems and utilise the latest technologies to help you achieve your end goals.

I am proficient with [list of 3/4 core items] and can quickly pick up new frameworks if the need arises."

Hopefully you get the idea, focus in on one thing. There is a saying "Jack of all trades, master of none" here in the UK. It basically means you haven't learned how to do one thing well and so do lots of things to an average or poor level.

This leads me onto the massive list of technologies on the about page.

A total of 22 different logos over 4 rows with no explanations of what technologies these logos relate to

It isn't helpful, it actually hurts you. Do you know what people think when they see all of those icons, "What a talented young man who can do everything".

No I am fucking kidding, they think "yeah right, a student who has worked with all of those technologies is going to know how to do "hello world" at best in each of them and won't be any use!".

I have no doubt you can do more than hello world in each of those technologies, but you should focus on the ones your are particularly strong on and show maybe 5 / 6 key ones to people.

Also I would recommend changing them to be a list with the icon for the technology to the left and then the name of the technology and an example of your work with the technology (if applicable).

This is due to the simple rule of "don't make people think". I was looking at those icons and it took me a few seconds to recognise some of them, and I have been at this for years.

People have short attention spans and so they will only glance at the icons and then move on, possibly missing the very technology that will trigger them to think "ah, Bhagya uses that and we need someone to do XXX" and get you some work!

A final thought here is if you want work from small businesses you need to scrap this page entirely as it stands.

They do not care about tech stacks, small business owners care about what pain points you can fix.

So if you are after work from small business owners focus on how you can bring them customers, fix problems with their current sites, help bring their next big idea to life etc.

Blogs!

Now we are talking, some of your writing!

Now before I tear you a new one over your shitty code once again let me just say you write well and I enjoyed your articles!

Sorry, I don't know what came over me, back to the rant!

First the blog landing page, <h1> heading, check!

3 blog post cards in light blue on black background, they contain a published date, title, brief description and author information

A list of blog posts...yeah but in a load of nested divs!

If something is a list, use a fucking list!

Wrap your posts in a <ul> and make it easier for people using assistive tech (as it will then announce the number of posts...same principle as the navigation part I mentioned earlier!)

Also your article "headings" are just styled to look like headings.

By adding a <h2> to contain your headings instead of <p class="text-gray-800 text-xl font-medium mt-4 mb-2 break-words"></p> it means that people using a screen reader can also navigate by heading levels (the most popular way to navigate a site!)

It is also good for SEO!

Also do we really need the fucking "click to read more" in 2021? Meh, minor point but I would ditch that.

Finally just as an observation but why have you got an author at the bottom of your posts? They are all written by you what is the fucking point? Are you thinking people are going to guest blog for you with your 12 visitors a month?

Wait until you scale this blog up to be a monster, then add the author info to the blog cards!

Now an actual post

Yet again it starts promising, you used a <h1> for the first heading (honestly I shouldn't be fucking impressed by this but as so many sites fuck this up I suppose I better praise you!)

Now onto the article headings and...they are <h3>s.

Why oh fucking why would you do that? What made you think "oh yeah start with a <h1> and then skip to a <h3> that makes sense!"

Do you not like <h2>s? Are you h2phobic?

Fix this shit, don't skip heading levels!

The irony that one of your articles is called "Signs that bad programmers have" while skipping fucking heading levels is beyond funny, thanks for the laugh!

The final thing to mention is the publication date.

This should be located within a <time> element. This is just good practice!

When using the <time> element you should also set the datetime attribute on the element so that computers can understand the date you have entered. So for example:

<time datetime="2021-09-12">Sun Sep 12 2021</time>
Enter fullscreen mode Exit fullscreen mode

Final thoughts

You have made fewer mistakes than most "senior" developers so I suppose you deserve some praise for not being as shitty as everyone else.

Obviously there are still more things I haven't slated you for and I don't want to miss my chance!

These include:

  • Lack of <main> element
  • The fact your site "only" scores 90 / 100 on web.dev/measure - but that is because you are using Client Side Rendering for a brochure site and that is just stupid! Don't worry though you are certainly not alone in this and 90 is respectable enough!
  • The fact you don't use prefers-reduced-motion detection or a way to switch off animations to make sure animations are reduced for people with vestibular disorders.
  • The lack of relevant WAI-ARIA attributes on your contact form that I mentioned earlier.
  • using white text on a black background is just as fucking blinding as black text on a white background - find a slightly softer palette ffs! (Yes I am complaining your site has too much contrast...get over it!)

As you can tell I could go on and on and on telling you how many things you fucked up, but I feel like I have done enough damage for one day!

Hopefully I have succeeded in destroying your site as requested!

You're fucking welcome! 😂

Being serious for a second

Ok the angry man rants are switched off now, I wanted to give my honest opinion.

I just want to say Bhagya, the site is nice and simple and gets the point across well.

It may look like a long list but honestly you have done quite well.

The site is reasonably easy to use with a keyboard, the colour contrast is pretty good, the navigation is clear etc.

One thing that is hard to get across in angry rants is where the important fixes are.

The 3 things that you should tackle first from an accessibility perspective are:

  • the labels not being associated with the inputs
  • the skipping heading levels problem
  • the nested / misuse of buttons and links.

Fix those and the site becomes much more usable for people using a screen reader.

Oh, and I am serious about that picture on the home page, you look really smart but also really like you are about to be taken out due to the unfortunate line behind you! 🤣

Thanks for letting me unleash the angry man on your site, it was fun (and therapeutic!).

If you have any questions just let me know and I will try and help / point you to useful information on how to fix stuff.

Thanks for being my first victim and good luck with the BCA and freelancing!


Who's next? Anyone else want their site ripping to shreds? Step right up!Sorry the list is full now, far to many people like pain and the queue now runs until March 2022!

Oh and I have a super important post going out later today so stay tuned - titled "1000 days to £1million - this should be fun!" so check that out please!

Update: My announcement is now live, let's do this!

Discussion (68)

Collapse
inhuofficial profile image
InHuOfficial Author

Just for anyone wondering, Bhagya has already read this and approved its release.

Don't want any angry people in the comments thinking I am trashing a young developer without full approval!

Stay tuned for my big announcement later today, I am committing a lot to a 1000 day experiment! Hopefully that will be interesting to some of you!

Thanks for reading! Have a ❤ and a 🦄 to show my appreciation!

Collapse
majumdersubhanu profile image
Majumder-Subhanu

Can you please review mine too, I am a school student and just built my portfolio website.
Link majumder-subhanu.github.io/curly-f...
I won't mind the second option.
Mind it that the website is not complete yet and I am still working on it.
It is only built using html css and js (bootstrap)

Collapse
inhuofficial profile image
InHuOfficial Author

Of course, you have a while to wait though I am afraid as there are a load of people wanting reviews.

Use that time to add stuff to the site (so I have more things to attack you for lol!) ❤

Thread Thread
majumdersubhanu profile image
Majumder-Subhanu

Oh ofcourse, anything for a constructive roasting. 🤣

Collapse
azamatumirzakov profile image
AzamatUmirzakov • Edited on

Could you review mine too? It is in Russian but there is almost no text: aumirzakov.vercel.app
Work examples there are not impressive right now, but I am currently working on a project for my portfolio that would be good enough to show my React skills.
And I won't mind angry review!

Collapse
inhuofficial profile image
InHuOfficial Author

You are the last one who managed to sneak in before I closed the list. You have about a 3 month wait so plenty of time to improve it, but I will still review it in MARCH next year if you want.🤣

Thread Thread
azamatumirzakov profile image
AzamatUmirzakov

Wow, cool! Guess I'm lucky (or not?)
Hopefully, by that time it will be a lot better.
Will be waiting to get destroyed!

Collapse
code913 profile image
code913

Your HTML markup is missing a closing </ul>. Not to worry, everyone forgets to write the closing tag sometimes. Is it just a pun that the typo was in the section about invalid markup or are you just that dumb?
Missing closing ul tag

Collapse
inhuofficial profile image
InHuOfficial Author • Edited on

Haha shit, this is why I should always write code snippets in an IDE and not directly on DEV!

Already fixed it but well done, you managed to beautifully murder me on that one, it was indeed a big oof and not deliberate at all!

Love it ❤

Collapse
code913 profile image
code913

If we come together we can troll the world out of existence

Collapse
ingosteinke profile image
Ingo Steinke • Edited on

two short remarks (even before finishing the article):

Well you could have done if you hadn't used TailWind

This is not true, tailwind can be extended using custom CSS.

Ditch the typewriter effect, only developers think it is good.

I would agree, but only based on a gut feeling. So far, this is a subjective claim unless backed by facts.

But there are facts, some people do research on design trends, their popularity and usage, they do research how actual users react to certain design decisions.

Maybe a more general advice might be: don't copy other developer's sites and tutorials, but rather research and learn about UX and UI to find out which style, layout, and user experience might appeal to your target audience.

Collapse
inhuofficial profile image
InHuOfficial Author

Oh Ingo, you are trying to be far too helpful as always! These angry rants aren't meant for someone with such a kind soul as yourself bud! 🤣

The angry reviews are opinionated and picking holes in things and way over the top!

The thing is full of subjective claims, but also a load of useful info for balance!

As for TailWind, you know by now I like to bash it! I am sure with some stupid config / @apply combination you could use a simple CSS selector! 😉

Hope you are well mate, are you still doing the meetups? Haven't seen anything for ages on them!

Collapse
inhuofficial profile image
InHuOfficial Author

I added a section to the trigger warnings just for you (sorry, you know I have to troll my internet pals! ❤)

Oh and if you are a fan of TailWind I bash it repeatedly throughout the article, so you have been warned! 😉

Collapse
ingosteinke profile image
Ingo Steinke • Edited on

I am not a fan of tailwind (currently using BEM again which I like much better) but I'm no fan of spreading false rumors either. There are enough reasons to hate tailwind css, so if you're gonna hate, hate for a good reason at least ;-)

Which brings us to the topic of meetups. I have been to 2 really great and inspiring conferences this autumn, beyond tellerrand Düsseldorf (where have you been? I met other people from the UK, which proves that BoJo hasn't finished the wall around your island yet), and never code alone in Duisburg.

I'm done with online "meetings" and I also lost interest in our web page speed community so far. Not to talk about the failed "attempt" to contain the pandemic in Germany. Now they're even about to close night clubs and restaurants again. Time to hibernate and do some work besides.

Hopefully I'll be at the upcoming beyond tellerrand and NCA conferences in 2022. Maybe a good chance to meet in real life, before I happen to pass the Midlands anytime in the future.

Last but not least, I enjoy reading your articles and I admire that you manage to put them full of swear words without getting banned. Personally, I prefer to appear as a professional gentleman here on dev.to, determined to publish one new article each week, and do my rants on devrant instead.

Thread Thread
inhuofficial profile image
InHuOfficial Author

Fair enough on the first point Ingo! That is fair and I will try and keep the TailWind rant on the right side of things in future as you are 100% correct, the statement was misleading (even if it was meant to be tongue-in-cheek!)

Yup, wall isn't done yet! I will endeavour to meet you in real life next year and finally get to shake your hand (if we are allowed) and have a beer with you as that would be fantastic!

Understandable on the online meetings, they are hard work!

I am now going to go and consume your rants on devrant, skim reading the first one it looks fun, perhaps I have found my true home!

As for the professional gentleman part, that ship sailed a long time ago for me, but I am likely to improve in that respect over the next few months and years (article coming out later on that!)!

Collapse
code913 profile image
code913

My turn: code913.devpage.me
DON'T QUESTION THE COLOR SCHEME

Collapse
inhuofficial profile image
InHuOfficial Author

Right, just so you know it will be a few weeks as had quite a few people DM me, but you will get the same rough treatment as anyone else I promise you that! 🤣

Collapse
code913 profile image
code913

oh no

I've already found 4 accessibility issues I was supposed to be fixing but I can't git commit while you're reviewing the site.

F in chat

Thread Thread
inhuofficial profile image
InHuOfficial Author

Review won't be for a while as i said so go for it, I will give you a heads up when I am doing the review so you have loads of time!

Thread Thread
code913 profile image
code913

lemme just yk switch to chakra ui for instant accessibility

Collapse
code913 profile image
code913

I get the same treatment everyday in online class

Thread Thread
inhuofficial profile image
InHuOfficial Author

🤣

Collapse
avneesh0612 profile image
Avneesh Agarwal

Would love my website to be REVIEWED 👀👀 avneesh.tech/

Collapse
siddharthshyniben profile image
Siddharth

REVIEW, not review, I note.

Collapse
avneesh0612 profile image
Avneesh Agarwal

Yess 😂

Collapse
inhuofficial profile image
InHuOfficial Author

Right, you are certainly on the list, but I have 9 others before you now and only doing 1 a week so...Mid February alright for you? 🤣

Collapse
avneesh0612 profile image
Avneesh Agarwal

😂😂 sure

Collapse
ironcladdev profile image
IroncladDev

Wow nice. That is the most detailed website roast I've ever seen before.
Can ya roast mine next?

connerow.dev

(maybe with less of the f-word) 😂 ?

Collapse
starbist profile image
Silvestar Bistrović

"Redneck Fullstack Web Developer"

This made me laugh. 😂

Good luck!

Collapse
inhuofficial profile image
InHuOfficial Author

The F word is my signature word 😥

Sure I would be delighted to tear you to shreds as one of my first followers on DEV! An honour and a privilege.

Just so you know I only plan on doing these once every couple of weeks but you should be suitably depressed by the end of the year.

And I will tone down the swearing...but make a big thing about it! 🤣

I will be in touch once I have a draft done for your approval!

Collapse
ironcladdev profile image
IroncladDev

Sure, thanks :)

I'll be sure to suit up in the strongest mental armor so I won't get shredded so badly.

I might prepare a list of insults to ya as well. Just kidding.

Thread Thread
inhuofficial profile image
InHuOfficial Author

No no, you feel free to criticise back, I can take it just as well as I can give it! 🤣

Collapse
siddharthshyniben profile image
Siddharth

🤣, yet another great post! How do you manage to make everything so funny? And still it is a really valuable one which helped shape my own portfolio too!

Eventually I'll get mine done too, although it's gonna take a while. 37 comments and it's barely been 14 hours!


1000 days to £1million - this should be fun!

ooh, sounds cool! I'm guessing it's related to your company!

Collapse
inhuofficial profile image
InHuOfficial Author

Thanks Sid, and now you have seen the post you know what it is all about, scary stuff eh?!

Collapse
siddharthshyniben profile image
Siddharth

Scary but helpful!

Collapse
lolcabanon profile image
lolcabanon • Edited on

Hey, why don't you destroy me also! I'd love that 👌 I'm a freelancer working with my girlfriend who is also freelance => lafabriquevirtuelle.com

(My website is in french tho, but I shown it to my german friend with Google auto translate and it did the trick so if you are willing to try, go for it!)

PS: only pure HTML, CSS, JavaScript (no CMS, no framework, no TailWind) ;)

Collapse
lolcabanon profile image
lolcabanon

Also i'd like to mention, it's a forever WIP and i'm aware of some (small) problems like skipping headings levels and not using as much of aria tags as "enough" would be. ^^

Also halfish of CSS follow BEM naming convention and the other half is "i just invent as i need"...

I'm working on it, slow and steady.

Please do not be forgiving anyway, it would not be fun.

Collapse
inhuofficial profile image
InHuOfficial Author

You are added to the queue!

Sadly you will have plenty of time to fix stuff as I am only doing 1 a week of these reviews and I now have 8 of them, catch you early in February for your site I am afraid! 🤣

Collapse
dystroy profile image
Denys Séguret

I found this rant extremely helpful and constructive. Well done!

In fact the only reason I won't submit my site to get constructive criticism is because it's already perfect and can't be improved in any way (by this I mean I wouldn't follow any advice).

Collapse
inhuofficial profile image
InHuOfficial Author

Just like every site I produce then! Completely perfect and no room for improvement (obviously), nice to meet a fellow coding God 😉🤣

Seriously though, I am glad you found it useful! ❤

Collapse
jineshnagori profile image
Jinesh Nagori

Hey, please review my portfolio ( jineshnagori.ml ) as BRUTALLY as you can and i also want this fucking article about my portfolio 🤣🤣

Collapse
inhuofficial profile image
InHuOfficial Author

Happy to add you to the list but as I am only doing 1 of these reviews a week and you are the 11th one it will be February next year! That ok? 😜

Collapse
jineshnagori profile image
Jinesh Nagori

Oh my god 😬
Ok no problem but don’t forgot.
Till February i will try to create my portfolio more interesting.
Till then b bye 👋

Thread Thread
inhuofficial profile image
InHuOfficial Author

Yeah sorry, who would have thought so many people would want their site destroyed! 🤣🤣

Thread Thread
jineshnagori profile image
Jinesh Nagori

Haha exactly, but for me its a fun 🤩
And thanx by the way you are doing a great work 😄👌

Collapse
iamludal profile image
Ludal 🚀

I definitely want to be the next one to be destroyed publicly, come on! Trynna hit me with all your strength. 😎

iamludal.fr

Collapse
inhuofficial profile image
InHuOfficial Author

Haha OK you asked for it. Just so you know there are a load of people wanting reviews so it will be a few weeks, but when your time arrives I will certainly bring out the big guns and let you know! ❤

Collapse
iamludal profile image
Ludal 🚀

Don't worry, I'll be waiting for you. I'm ready! ⚔️

Collapse
therealsidd profile image
Siddhant Jha • Edited on

Can you review my website - digitalboys.in? This comment is itself a complete approval for review as brutally as you can. Go ahead 🔥

Collapse
inhuofficial profile image
InHuOfficial Author

12th on the list I am afraid, it will be a long time before your review but happy to add you to the list if you can wait until MARCH (only doing one a week as they take ages to do!).

Collapse
therealsidd profile image
Siddhant Jha

Definitely. Will wait ✌🏻

Collapse
ironcladdev profile image
IroncladDev

Maybe you should create a dev organization called Portfolio Shredding or smth. I might roast some ppl's sites as well now :)

What a nice inspiration lol

Collapse
ruppysuppy profile image
Tapajyoti Bose

Who's next? Anyone else want their site ripping to shreds? Step right up!

Me 🙋‍♂️

Link: tapajyoti-bose.vercel.app

Collapse
posandu profile image
Posandu

Nice website, Aren't you buying a new domain for this?

Collapse
ruppysuppy profile image
Tapajyoti Bose

Thanks! No I plan to keep using the free domain...

Collapse
inhuofficial profile image
InHuOfficial Author

Super you are third in the queue so it will be next year but i will not forget! I look forward to it! ❤

Collapse
mwrpwr profile image
Joseph Maurer

This is pretty epic! Don’t mind me as I go double check my site 😂

Collapse
amnebula profile image
Mason C

When Gordon Ramsay reviews your site

Collapse
inhuofficial profile image
InHuOfficial Author

Where’s the lamb sauce you donut! 🤣

Collapse
aitor profile image
dragonDScript

Love it ❤️ can you review my portfolio? dragonDScript.github.io

Collapse
inhuofficial profile image
InHuOfficial Author

Yes but it will be a few weeks as had a load of interest, I will message you when it is your turn! ❤

Collapse
captainyossarian profile image
yossarian

Interesting approach ;)

Collapse
joelbonetr profile image
JoelBonetR

I'm just getting a seat to read later, that could be fun 😆

Collapse
posandu profile image
Posandu

Looking forward to see more post's like this ;D
Keep up the good work!

Collapse
zippcodder profile image
Deon Rich

Just found this series of yours, love it, gada say. Ill surley be taking notes! The "sniper-scope" bit got me lmao.

Collapse
inhuofficial profile image
InHuOfficial Author

Haha thanks Deon, I hate to admit how sad I am but I made myself chuckle with that sniper bit...how sad is it to laugh at your own jokes?

There is hopefully some useful stuff for you (if you look past the anger) so I hope you enjoy the series! Thanks for the kind words!

Collapse
syaufy profile image
SYAUQIZAIDAN KHAIRAN KHALAF

HAHAHAHA I LOVE THIS 🤣 ESPECIALLY WHEN U SAY "FUCK" 🤣

Collapse
inhuofficial profile image
InHuOfficial Author

haha thanks bud, I have realised reading it back I may have slightly overcooked the swearing. It doesn't feel so bad when writing and reviewing it but reading it end to end...yeah I have over played that one this time! 🤣