Website Review Request Options

[ArCs Cyber]

Hello friends,
I am a full stack developer.
I am working on a startup.
I have created a web application and,
i need reviews on the design and functionality of the web application.
Kindly help me to make it more better. Kindly suggest me more features and changes.
Click on the link below:
https://itsonmap.com

[Jason Knight]

Seems to hang at 70/72 files loaded, eventually times out giving me a giant blank white page of nothing, not even a visible error. Whatever "app.js" is that seems to be what's loading agonizingly slowly at like 12k/second, and eventually gives up the ghost.

Though even if it worked, the 30+ seconds of file transfer just for that one file would/should be enough to make most users bounce before the site even loads.

I can say that some of the bloat and delays stem from having fallen for scam artist code bloat rubbish like bootcrap. Oh, this is interesting, loads fine (albeit agonizingly slowly) in Firefox, but not Vivaldi.

And really it's the typical "JavaScript even where it isn't needed and shouldn't even be used client-side". I mean sure, it's a map, that part needs to be scripted, but the scripting generated header, menu, etm. is just telling large swaths of users to sod off.

Much less the gross inefficiency that's likely leading to the agonizing load times. The endless pointless static style in the markup, even more style slopped in generated by JS, non-semantic markup mated to endless pointless presentational classes for nothing.

Don't take this the wrong way, but it reeks of having not learned enough HTML or CSS to be playing with JavaScript yet. Though to be fair, that's how people end up using bootstrap in the first place. Poor education and/or experience mated to swallowing bald faced lies of such frameworks being "easier" or "better" when they're the exact opposite.

Code like this:

CODE

<div data-v-bd17fcda="" class="columns">
    <div data-v-bd17fcda="" class="column">
        <nav data-v-bd17fcda="" role="navigation" aria-label="main navigation" class="navbar">
            <div class="navbar-brand"><a href="/" aria-current="page" class="navbar-item router-link-exact-active router-link-active"><img src="/assets/mystical-himachal-logo.png" alt="Its On map"></a><a role="button" aria-label="menu" tabindex="0" class="navbar-burger burger"><span aria-hidden="true"></span><span aria-hidden="true"></span><span aria-hidden="true"></span></a></div>
            <div class="navbar-menu">
                <div class="navbar-start">
                    <a class="navbar-item"><a href="/" aria-current="page" class="router-link-exact-active router-link-active">Home</a></a> <!----> <a class="navbar-item"><a href="/faq" class="">FAQ</a></a> <a class="navbar-item"><a href="/about" class="">About</a></a>
                </div>
                <div class="navbar-end">
                    <div class="navbar-item">
                        <div class="buttons"><a href="/signup" class="button is-primary"><strong>Sign up</strong></a> <a href="/login" class="button is-light">
                            Log in
                            </a>
                        </div>
                        <!---->
                    </div>
                </div>
            </div>
        </nav>
    </div>
</div>

Being a poster child for what's "wrong" with your approach. Anchors wrapping anchors, endless pointless useless "DIV for nothing", all doing the job of:

CODE

<header>
    <h1><a href="/"><span>ItsOnMap</span></a></h1>
    <a href=#mainMenu" hidden class="mainMenuOpen"><span>Open Menu</span></a>
    <nav id="mainMenu">
        <a href="#" hidden class="mainMenuClose"><span>Close Menu</a></a>
        <ul class="pages">
            <li class="current"><a href="/">Home</a></li>
            <li><a href="/faq">FAQ</a></li>
            <li><a href="/about" class="">About</a></li>
        </ul>
        <ul class="actions">
            <li class="featured"><a href="/signup">Sign up</a></li>
            <li><a href="/login">Log in</a></li>
        </ul>
    </nav>
</header>

Though it's hard to say how much of that is you, most of it is probably the huckster backed snake oil of nube predator rubbish known as bootstrap and whatever you're using to build the project to boot! All it does is saddle you up and take you for a ride, telling you how much easier or "better for collaboration" or whatever other nonsensical propaganda they can spew, whilst bending you over the log like poor Ned Beatty on a river trip.

It is broken on half the browsers I have here not even loading, it is agonizingly slow on the browsers it does "work" in, and it's a giant middle finger to usability, accessibility, and efficiency. Again most of that's not on you, it's the scams you've been hoodwinked into using.

This post has been edited by Jason Knight: Feb 16 2023, 04:02 AM