monicahwamuhu2/kenya-startup-navigator-frontend

# Kenya Startup Navigator - Frontend **Live Application:** kenya-startup-navigator-fro… ## Overview The Kenya Startup Navigator Frontend is a modern, responsive web application that provides an intuitive interface for entrepreneurs to access AI-powered guidance on Kenya's startup ecosystem. Built with Next.js and TypeScript, it features a beautiful UI with smooth animations and mobile-first design. ## Features - **Interactive AI Chat**: Real-time Q&A interface with Kenya startup ecosystem expertise - **Mobile Responsive**: Optimized for all device sizes (mobile, tablet, desktop) - **Beautiful Animations**: Smooth transitions and micro-interactions using Framer Motion - **Kenya-Themed Design**: Visual elements inspired by Kenya's flag and African aesthetics - **Smart Suggestions**: Pre-loaded common startup questions for quick access - **Confidence Scoring**: Visual indicators showing AI response confidence levels - **Follow-up Questions**: Contextual suggestions for deeper exploration - **Source Attribution**: Clear references for AI-generated responses - **Touch-Friendly**: Optimized for mobile touch interactions ## Technology Stack - **Framework**: Next.js 14 - **Language**: TypeScript - **Styling**: Tailwind CSS - **Animations**: Framer Motion - **Icons**: Lucide React - **Deployment**: Vercel - **Backend**: FastAPI (Kenya Startup Navigator API) ## Prerequisites - Node.js 18 or higher - npm or yarn package manager ## Installation ### 1. Clone the Repository ```bash git clone github.com cd kenya-startup-navigator-frontend ``` ### 2. Install Dependencies ```bash npm install # or yarn install ``` ### 3. Environment Setup (Optional) Create a `.env.local` file in the project root if you want to override the default API URL: ```bash NEXT_PUBLIC_API_URL=startup-navigator-backend-n… ``` Note: The application will automatically use the production …