UniFinder

Please build a premium, functional EdTech & Scholarship discovery application prototype named "UniFinder Global" from scratch using React, TypeScript, and Tailwind CSS. Ensure all interactive components have robust state mapping and zero mock hardcoded production bypasses.

1. PREMIUM VISUAL CORE & NASA LANDSCAPE LAYER:

• Bind the attached NASA night world map image ("world-night.jpg") as the dynamic background wrapper for the entire application canvas. Overlay an absolute dark low-contrast velvet shield (opacity: 0.18) so that the neon-gold city lights breathe softly underneath without breaking text readability.
• STEP-BY-STEP FX: Implement a GPU-accelerated "Constellation Mesh FX" engine for all container layers. Micro-particles in deep velvet blue and soft platinum-gold spectrums must glide smoothly at ~0.4px/s, drawing clean geometric lines between proximity intersections safely using window.requestAnimationFrame.
• Enforce a strict "overflow-x-hidden" and "text-balance" parameter set to block all horizontal viewport scrolling bugs across mobile platforms.

2. COMPLIANT 9-STEP USER ASSESSMENT WIZARD: Construct an advanced profile assessment form with strict dynamic form validation hooks. If any required field is empty, the navigation button must remain disabled. Render premium glassmorphic [Back] and [Next] navigation controls at the bottom footer grid:

• Step 1 [Identity]: Inputs for First/Last Name and a country dropdown selector matrix.
• Step 2 [Academic Credentials]: Clear inputs for Cumulative GPA and global country scale vectors.
• Step 3 [Intended Major Directory]: Alphabetic major selection dropdown with an interactive substring search bar that highlights matching letters in royal blue inside metallic gold badges.
• Step 4 [Target Regions]: Checklist for USA, UK, Canada, Europe, Germany, China, Asia, and Oceania with a "Select All" macro toggle.
• Step 5 [Standardized Testing]: Toggle checkboxes for IELTS, TOEFL, Duolingo, SAT. Checking an option dynamically triggers an animated sub-drawer scored-input panel below it.
• Step 6 [Extracurricular Log]: A professional dark velvet command-line styled text area container for leadership profile inputs.
• Step 7 [Financial Assistance Matrix]: Card blocks for tuition aid needs. Selecting "Yes" opens detailed descriptors for international full-ride, merit, and global sovereign grant avenues.
• Step 8 [Household Scale]: Brackets evaluating Parental liquid household income distribution grids ($0-$10k, $10k-$25k, $25k+).
• Step 9 [Target Admissions Difficulty]: Grid matrices sorting profile difficulty tiers: 1%-25% (Ultra-Elite), 26%-50% (Highly Competitive), 51%-75% (Target), 76%-100% (Accessible).

3. ORBITAL SATELLITE LOADER INTERFACE (REAL-TIME 4-SECOND BAR):

• When Step 9 is submitted, load an immersive, full-screen scanning radar graphic panel. Do not implement numerical or text countdown clock countdowns.
• ORBIT MATRIX: In the absolute center layout viewport, project a rotating central system analytical node. Around this node, render a hardware-accelerated "Orbital University Carousel Grid" where institutional logo tags dynamically orbit in a elegant planetary ellipse.
• PROGRESS BAR: Directly beneath the carousel vector, display a realistic linear loading progress bar that computes parameters cleanly and fills completely within 4 seconds, smoothly redirecting the interface state directly to the results dashboard dashboard layer.

4. REAL VERIFIABLE DATA SCHEMA & SPLIT-PANEL VAULT LAYOUT:

• Build a structured frontend repository ('src/data/extendedData.ts') loaded with a set of real, documented, and verifiable global university profiles, and authentic sovereign scholarship tracks (such as DAAD, MEXT, CSC, Fulbright, and Knight-Hennessy) with accurate descriptions.
• FILTER INTEGRATION LAW: If the active wizard form registers a 76-100% (Accessible) user input requirement, the query filtering block must mathematically exclude ultra-competitive elite schools (like Harvard/MIT) from the active output arrays to guarantee 100% logical matching compliance.
• VIEW DETAILS GALLERY: Clicking "View Details" opens a glassmorphic multimedia gallery drawer. At the footer, construct an action link titled "Explore Global Directory / Ko'proq Ko'rish". Clicking it triggers a secure window.open passing a valid Google Maps routing locator string targeting that school's real campus geography layout.
• COMPEX ESSAY SPLIT-PANEL: Reconstruct the AI Essay Optimizer into a professional dual view: Left Panel renders a rich-text textarea field with active characters counter metrics; Right Panel streams descriptive analytical evaluation feedback guidelines.

5. 9-LANGUAGE LOCALIZATION FRAMEWORK WITH DROPDOWN EMBEDDED FLAGS:

• Fully map a unified translation lookup string engine direct for: EN, UZ, RU, ZH, TR, AR, ES, FR, DE. Next to each native language string element inside the navbar switcher trigger dropdown rows, embed its correct national flag emoji (🇺🇸, 🇺🇿, 🇷🇺, 🇨🇳, 🇹🇷, 🇸🇦, 🇪🇸, 🇫🇷, 🇩🇪). For Arabic (AR), automatically trigger a dynamic RTL text-direction switch across the workspace viewport layer.
• Hardcode the static corporate footer signatures properly: Email: [email protected], Instagram: @as1l_khuja, Phone: +998 94 833 18 02. Build an active 12-second background updater interval loop ('setInterval' cycle) to softly increment the live directory stats ticker to optimize system ambiance.

This project was built with Lovable.

Live app: https://unifinder-global.lovable.app

Build with Lovable

Continue developing this project in the Lovable editor.

• Ship faster: describe what you want to build and Lovable handles the code.
• Stay in sync: every change made in Lovable is committed straight to this repository.
• Full ownership: this code is yours. Push to main on GitHub and your changes sync back into Lovable, ready for your next prompt.

Development

Prefer working locally? You need Node.js and npm — install with nvm.

git clone <this-repository-url>
cd <repository-name>
npm i
npm run dev