Smart UAE Guide - Your AI-Powered UAE Assistant 🇦🇪

Welcome to Smart UAE Guide!
Smart UAE Guide is a modern web application designed to help users find reliable information about living, working, studying, and settling in the United Arab Emirates. It combines an intuitive interface with an AI-powered assistant to provide quick, accurate, and accessible guidance for residents, visitors, and newcomers.

🌟 Features

• AI-Powered Assistant: Get instant answers to UAE-related questions using Google's Gemini AI.
• Comprehensive UAE Information: Explore guides covering visas, jobs, education, healthcare, transportation, and more.
• Responsive Design: Optimized for desktop, tablet, and mobile devices.
• Modern User Interface: Clean and interactive UI built with Tailwind CSS and shadcn/ui.
• Fast Performance: Built with Next.js App Router for excellent speed and SEO.
• Real-Time AI Responses: Receive intelligent responses with a conversational chat experience.
• Category-Based Navigation: Easily browse information through organized sections.
• Scalable Architecture: Modular project structure using modern React patterns.

🛠️ Tech Stack

• Frontend: Next.js, React.js, TypeScript
• Styling: Tailwind CSS, shadcn/ui
• AI: Google Gemini API
• State Management: React Hooks
• Deployment: Vercel

🚀 Getting Started

Follow these instructions to set up the project locally.

Prerequisites

Make sure you have the following installed:

• Node.js
• npm or yarn
• Google Gemini API Key

Installation

git clone https://github.com/heydawood/smart-uae-guide
cd smart-uae-guide

# Install dependencies
npm install

# or
yarn install

# Create environment variables
cp .env.example .env.local

# Add your Gemini API key
GEMINI_API_KEY=your_api_key_here

# Start development server
npm run dev

# or
yarn dev

Open http://localhost:3000 in your browser to view the application.

🔥 Core Functionalities

🤖 AI Chat Assistant

• Intelligent conversational interface powered by Gemini AI
• Answers questions related to UAE life and services
• Context-aware responses for a better user experience

📚 UAE Information Hub

• Visa and immigration guidance
• Employment and career information
• Education and university resources
• Healthcare and insurance information
• Transportation and public services
• Daily life and government resources

⚡ Modern Web Experience

• Server-side rendering with Next.js
• Responsive layouts for all devices
• Fast navigation and optimized performance

📦 Dependencies

Key dependencies used in this project include:

• Next.js — React framework for production applications
• React.js — JavaScript library for building user interfaces
• Google Gemini API — AI-powered conversational capabilities
• Tailwind CSS — Utility-first CSS framework
• shadcn/ui — Reusable UI components
• TypeScript — Typed JavaScript for scalable applications

✨ Future Improvements

• User authentication
• Conversation history
• Multi-language support (Arabic & English)
• Voice input and responses
• Personalized recommendations
• Saved bookmarks and favorites

✨ Contributions

Contributions, suggestions, and pull requests are welcome! Feel free to fork the repository and improve the project.

👨‍💻 Developed by Dawood Faisal

Live Demo