Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Site Review Requests _ Website Review Request

Posted by: ArCs Cyber Jan 6 2022, 02:37 AM

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


Posted by: Christian J Jan 6 2022, 02:36 PM

When I click on Filter Category, the menu is opened behind the map.

Which part of the content do you want feedback on? According to the copyright notice, the map seems to be created by the https://leafletjs.com/ which in turn seems to use https://www.openstreetmap.org/


Posted by: ArCs Cyber Jan 7 2022, 01:18 AM

QUOTE(Christian J @ Jan 6 2022, 02:36 PM) *

When I click on Filter Category, the menu is opened behind the map.

Which part of the content do you want feedback on? According to the copyright notice, the map seems to be created by the https://leafletjs.com/ which in turn seems to use https://www.openstreetmap.org/


Ohk i will fix the filter category display issue. Thanks for bringing it up . Looks like i have a web browser compatibility issue. i will look into it.

I wanted the overall feedback.
Thank you for your reply.

Posted by: ArCs Cyber Jan 7 2022, 01:19 AM

QUOTE(Christian J @ Jan 6 2022, 02:36 PM) *

When I click on Filter Category, the menu is opened behind the map.

Which part of the content do you want feedback on? According to the copyright notice, the map seems to be created by the https://leafletjs.com/ which in turn seems to use https://www.openstreetmap.org/


Yes it uses leaflet and openstreet map api

Posted by: ArCs Cyber Jan 7 2022, 01:21 AM

QUOTE(Christian J @ Jan 6 2022, 02:36 PM) *

When I click on Filter Category, the menu is opened behind the map.

Which part of the content do you want feedback on? According to the copyright notice, the map seems to be created by the https://leafletjs.com/ which in turn seems to use https://www.openstreetmap.org/


I saw the issue. It happens in the Medium Screen Size break point .

I wanted to ask if you were an end user would you like the app ?

Posted by: Christian J Jan 7 2022, 12:31 PM

QUOTE(ArCs Cyber @ Jan 7 2022, 07:21 AM) *

I wanted to ask if you were an end user would you like the app ?

I suppose it could be useful (with more locations added), especially if there are no similar services existing already.

Posted by: ArCs Cyber Jan 11 2022, 07:55 AM

QUOTE(ArCs Cyber @ Jan 7 2022, 01:19 AM) *

QUOTE(Christian J @ Jan 6 2022, 02:36 PM) *

When I click on Filter Category, the menu is opened behind the map.

Which part of the content do you want feedback on? According to the copyright notice, the map seems to be created by the https://leafletjs.com/ which in turn seems to use https://www.openstreetmap.org/


Yes it uses leaflet and openstreet map api


yes it was built on leaflet and openstreet. I dont trust Google and similar services open source rocks!!

Posted by: Jason Knight Feb 16 2023, 04:01 AM

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.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)