Jaafarlawan-codes/ju

hausa ai # Tech & AI Learning App A modern, bilingual (English/Hausa) educational chatbot application powered by Google's Gemini 2.0 Flash model. This app helps users learn about technology and artificial intelligence through interactive conversations. ## Features - 🤖 **AI-Powered Learning**: Integrated with Google Gemini 2.0 Flash for intelligent responses - 🌍 **Bilingual Support**: Full support for English and Hausa languages - 💬 **Interactive Chat**: Real-time conversations with an AI tutor - 🎯 **Topic Suggestions**: AI-generated learning topic recommendations - 📝 **Chat Summarization**: Automatic conversation summaries - 🔊 **Text-to-Speech**: Read responses aloud in both languages - 📱 **Responsive Design**: Works seamlessly on desktop and mobile - 🎨 **Modern UI**: Clean, intuitive interface with smooth animations ## Setup Instructions ### Prerequisites - Node.js (v16 or higher) - A Google AI Studio API key for Gemini ### Installation 1. **Clone the repository** ```bash git clone cd tech-ai-learning-app ``` 2. **Install dependencies** ```bash npm install ``` 3. **Configure Environment Variables** ```bash cp .env.example .env ``` Edit the `.env` file and add your Gemini API key: ``` VITE_GEMINI_API_KEY=your_actual_api_key_here ``` 4. **Start the development server** ```bash npm run dev ``` ### Getting a Gemini API Key 1. Visit Google AI Studio 2. Sign in with your Google account 3. Create a new API key 4. Copy the key and add it to your `.env` file ### Deployment For deployment on Netlify: 1. **Build the project** ```bash npm run build ``` 2. **Deploy to Netlify** - Connect your repository to Netlify - Set the build command to `npm run build` - Set the publish directory to `dist` - Add your `VITE_GEMINI_API_KEY` as an environment variable in Netlify's dashboard ## Project Structure ``` src/ ├── components/ # Reusable UI components │ ├── ChatInterface.jsx │ ├── LoginForm.jsx │ ├── SignupForm.jsx │ └── MessageBox.jsx ├── pages/ …