tobidada001/csc-to-yoruba

# YorubaAI - Learn Computer Science in Yorùbá **YorubaAI** is an interactive AI-powered web application that helps students and learners understand Computer Science concepts explained in Yorùbá. Whether you're curious about programming, algorithms, data structures, or any CS topic, YorubaAI breaks it down into simple, clear explanations in the Yorùbá language. ## Features - **Search & Ask**: Ask any Computer Science question through an intuitive search interface - **AI-Powered Responses**: Get intelligent explanations powered by AI, delivered in Yorùbá - **Interactive Chat**: Conversational interface for follow-up questions and deeper learning - **Responsive Design**: Works seamlessly on desktop, tablet, and mobile devices - **Fast & Lightweight**: Built with Vue 3 and Vite for optimal performance - **Modern UI**: Beautiful, user-friendly interface with Tailwind CSS ## Getting Started ### Prerequisites - Node.js (v20.19.0 or ≥22.12.0) - npm or yarn ### Installation 1. Clone the repository: ```bash git clone cd csc-to-yoruba ``` 2. Install dependencies: ```bash npm install ``` ### Development Run the development server with hot-reload: ```bash npm run dev ``` The application will be available at `localhost` ### Production Build Build for production: ```bash npm run build ``` Preview the production build: ```bash npm run preview ``` ### Code Quality Run linting and formatting: ```bash npm run lint # Run ESLint and Oxlint npm run format # Format code with Prettier ``` ## 🏗️ Project Structure ``` src/ ├── pages/ │ ├── HomePage.vue # Landing page with search functionality │ ├── AnswerPage.vue # Chat interface for Q&A │ └── NotFound.vue # 404 page ├── components/ │ └── LoadSpinner.vue # Loading indicator ├── router/ │ └── index.js # Vue Router configuration ├── assets/ │ └── main.css # Global styles ├── App.vue # Root component └── main.js …