jabelopitso/voice-bank-africa-lingo

VoiceBank Africa Project Overview VoiceBank Africa is a revolutionary voice-activated banking web application designed for African users. It allows users to perform banking actions such as checking balances, sending money, and paying bills using their voice. The app currently supports multiple African languages, including Zulu and Sotho, providing an inclusive, multilingual experience. The project leverages modern web technologies like React, TypeScript, Tailwind CSS, and shadcn-ui components to deliver a responsive, interactive, and user-friendly interface. Features Voice-activated banking: Users can send money, pay bills, and check balances using natural voice commands. Multilingual support: Supports African languages like Zulu (zu) and Sotho (st). Real-time feedback: Displays transcripts of recognized speech and gives visual/audio feedback. Responsive design: Works on mobile and desktop with a modern UI built using Tailwind CSS and shadcn-ui. Loading & feedback indicators: Shows spinners and voice feedback while performing actions. Technologies Used Frontend Framework: React Language: TypeScript Styling: Tailwind CSS UI Components: shadcn-ui Build Tool: Vite Voice Recognition: Web Speech API (Chrome/Edge support) Getting Started Follow these steps to set up and run the project locally: 1.Clone the repository: git clone 2.Navigate to the project folder: cd 3.Install dependencies: npm install 4.Start the development server: npm run dev How VoiceBank Africa Works Voice Commands: Users can click a button to start listening and speak commands like: "Send 100 to John" "Check my balance" "Pay electricity bill" Speech Recognition: The app uses the Web Speech API to recognize voice input in supported languages. Real-time Feedback: Displays the spoken text in a transcript box. Provides visual indicators (e.g., spinners) while processing commands. Uses speech synthesis to give audio feedback confirming actions. Multilingual Support: The app a …