Feedback on a rental car web app built with React and Vite on Vercel

Discussions
1

Hey everyone :waving_hand:

I’ve been working on a rental car web app and I’d really appreciate some honest feedback on the design and UX.

The goal is to make renting a car simple and fast — no confusion, no unnecessary steps.

:backhand_index_pointing_right: https://need–for–drive.vercel.app

Project Focus

  • Clean UI
  • Easy navigation
  • Fast browsing experience

Feedback Requested

  • Is it easy to use?
  • What feels confusing?
  • What would you improve?

Any feedback (good or bad) is welcome :folded_hands:

Technical Metadata

<!DOCTYPE html>
<html lang="en" prefix="og: https://ogp.me/ns#">
  <head>

    <meta name="google-adsense-account" content="ca-pub-5167901888083039">
    <!-- ✅ Meta Basics -->
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="google-adsense-account" content="ca-pub-5167901888083039">
    <!-- ✅ SEO Title -->
    <title>𝙉𝙁𝘿 — 𝕭𝖚𝖎𝖑𝖉 𝕸𝖔𝖉𝖊𝖗𝖓 𝕻𝖑𝖆𝖙𝖋𝖔𝖗𝖒𝖊 𝖂𝖎𝖙𝖍 𝕹𝖋𝖉 </title>
    
     <!-- ✅ 
╔═╗┌─┐┬  ┬┬┌─┐┌─┐┌┐┌
╠╣ ├─┤└┐┌┘││  │ ││││
╚  ┴ ┴ └┘ ┴└─┘└─┘┘└┘ -->
    <link rel="icon" href="./N.png" type="image/jpeg" />

    <!-- ✅ SEO Description & Keywords -->
    <meta name="description" content="NFD Frontend is a modern fullstack React framework powered by Vite, Prisma, MongoDB, and Socket.IO. Build blazing fast apps with custom CLI and .nfd files.">
    <meta name="keywords" content="NFD, Need for Drive, Fullstack, React, Vite, Prisma, MongoDB, Socket.IO, NFD CLI, JavaScript Framework, MERN Stack, Frontend, Developer Tools">

    <!-- ✅ Open Graph / Social Meta -->
    <meta property="og:title" content="𝙉ᶠ𝘿 Ⓕⓡⓞⓝⓣⓔⓝⓓ" />
    <meta property="og:description" content="Build blazing-fast apps using NFD — a custom fullstack framework with React, Vite, Prisma, and more." />
    <meta property="og:image" content="https://yourdomain.com/NFDFileIcons/icons/nfd-icon.png.jpg" />
    <meta property="og:url" content="https://yourdomain.com" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Need For Drive Framework" />

    <!-- ✅ Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="ⓃⒻⒹ Ⓕⓡⓞⓝⓣⓔⓝⓓ Framework" />
    <meta name="twitter:description" content="Start building with the NFD fullstack app CLI. React + MongoDB + Prisma + Socket.IO." />
    <meta name="twitter:image" content="https://yourdomain.com/NFDFileIcons/icons/nfd-icon.png.jpg" />

    <!-- ✅ Canonical URL -->
    <link rel="canonical" href="https://yourdomain.com" />

    <!-- ✅ Fonts and Performance -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap" rel="stylesheet" />

    <!-- ✅ Schema.org JSON-LD for Branding -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Need For Drive Framework",
      "url": "https://yourdomain.com",
      "logo": "https://yourdomain.com/NFDFileIcons/icons/nfd-icon.png.jpg",
      "sameAs": [
        "https://github.com/ADALIGO",
        "https://twitter.com/yourhandle",
        "https://linkedin.com/in/yourname"
      ]
    }
    </script>



     <script src="https://pl28930919.effectivegatecpm.com/e7/0e/df/e70edf040632fcb36b9b14d9b4a818b9.js"></script>


    <script type="module" crossorigin src="/assets/index-BCuVviwD.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-DjZU_lJ0.css">
  </head>

  <body>
    <!-- ✅ Root Mount Point -->
    <div id="root">
      <noscript>
        You need to enable JavaScript to run this app.
      </noscript>
    </div>
  </body>
</html>
1 Like