Polyverse is a modern, elegant translation web application built with Next.js, MongoDB, and Tailwind CSS. It offers a seamless translation experience with support for 12+ languages, user authentication, and translation history tracking. The sleek, professional dark theme provides a premium user experience across all devices.
- Multi-language Support: Translate between 12+ popular languages
- Real-time Translation: Fast, responsive translation interface
- Fallback API System: Multiple translation services for reliability
- Language Swapping: Easily switch source and target languages
- Secure Authentication: User registration and login with NextAuth.js
- Profile Management: View and manage your account details
- Translation History: Access all your previous translations
- Data Privacy: Secure handling of user information
- Professional Dark Theme: Sleek navy blue and black gradient design
- Responsive Design: Perfect experience on desktop, tablet, and mobile
- Animated Components: Subtle animations for a premium feel
- Accessibility: Built with accessibility in mind
- MongoDB Integration: Reliable storage for user data and translations
- Translation History: Save and retrieve past translations
- User Preferences: Store user settings and preferences
| Category | Technologies |
|---|---|
| Frontend |    |
| Styling |   |
| Database |  |
| Authentication |  |
| Translation APIs |   |
| Deployment |  |
polyverse/
├── app/ # Next.js app directory
│ ├── api/ # API routes
│ │ ├── auth/ # Authentication endpoints
│ │ ├── translate/ # Translation API
│ │ └── translations/ # User translations management
│ ├── login/ # Login page
│ ├── signup/ # Signup page
│ ├── profile/ # User profile page
│ ├── layout.tsx # Root layout
│ └── page.tsx # Homepage
├── components/ # Reusable components
│ ├── ui/ # Shadcn/ui components
│ ├── navigation.tsx # Navigation bar
│ ├── auth-provider.tsx # Authentication provider
│ └── theme-toggle.tsx # Dark mode toggle
├── lib/ # Utility functions
│ ├── mongodb.ts # MongoDB connection
│ └── auth.ts # NextAuth configuration
├── types/ # TypeScript type definitions
├── public/ # Static assets
│ └── favicon.ico # Site favicon
├── .env.local # Environment variables (create from .env.example)
├── .env.example # Example environment variables
├── next.config.js # Next.js configuration
├── tailwind.config.js # Tailwind CSS configuration
├── tsconfig.json # TypeScript configuration
└── package.json # Project dependencies
- Clone the repository
git clone https://github.com/yourusername/polyverse.git
cd polyverse
- Install dependencies
npm install
- Set up environment variables
Create a .env.local file from .env.example and fill in:
MONGODB_URI=your_mongodb_uri
NEXTAUTH_SECRET=your_secret
NEXTAUTH_URL=http://localhost:3000
- Run the development server
npm run dev
- Open your browser
Navigate to http://localhost:3000
Run tests using:
npm run test
This will execute all unit and integration tests to ensure the application is functioning correctly.
This project is licensed under the MIT License.