# Shona AI Translator (Frontend)
A modern AI-powered language translation frontend built with Next.js.
This application provides a clean chat-style interface for translating English text into Shona using a FastAPI backend.
---
## Live Demo
shona-frontend.vercel.app
---
## Features
- Chat-style translation UI
- Real-time API communication with backend
- Translation history sidebar
- Loading states and UX feedback
- Copy to clipboard functionality
- Responsive design
---
## Tech Stack
- Next.js (React)
- JavaScript
- Tailwind CSS
- Fetch API
---
## Backend Integration
This frontend connects to a FastAPI backend:
shona-translation-ai-4p67.o…
POST /translate
GET /history
Update API base URL in code:
127.0.0.1
For production:
your-backend-url.onrender.c…
Running Locally
npm install
npm run dev
App runs on:
localhost
Build
npm run build
npm run start
Screenshots
Author
Prince (you)
Full Stack Developer | AI Enthusiast