Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chanmeng666/chinese-redefine

A modern web application that redefines Chinese words with contemporary perspectives, powered by Gemini AI. Built with Next.js and Tailwind CSS.
https://github.com/chanmeng666/chinese-redefine

chinese framer-motion gemini-ai nextjs react shadcnui svgexport tailwindcss typescript

Last synced: 24 days ago
JSON representation

A modern web application that redefines Chinese words with contemporary perspectives, powered by Gemini AI. Built with Next.js and Tailwind CSS.

Awesome Lists containing this project

README

        


Chinese Redefine 汉语新解







> Modern redefinition of Chinese words with contemporary perspectives, powered by Gemini AI.

[English](README.md) | [简体中文](README.zh-CN.md)

![screencapture-chinese-redefine-vercel-app-2024-12-06-12_36_37](https://github.com/user-attachments/assets/ada1a3a7-e29c-4485-90b5-3ca1806d9f85)

## Features
- 🎯 Modern interpretation of Chinese words from a contemporary perspective
- 🤖 Powered by Google's Gemini AI for creative and insightful explanations
- 💫 Smooth animations and transitions using Framer Motion
- 🎨 Beautiful UI with Tailwind CSS and shadcn/ui components
- 📱 Fully responsive design for all devices
- 💾 Export interpretations as beautiful SVG cards
- ⚡ Built with Next.js for optimal performance
- 🔒 Built-in rate limiting for API protection

## Tech Stack
- **Framework:** Next.js 15
- **Language:** TypeScript
- **Styling:** Tailwind CSS
- **UI Components:** shadcn/ui
- **Animations:** Framer Motion
- **AI Integration:** Google Gemini API
- **Deployment:** Vercel

## Getting Started

### Prerequisites
- Node.js 18.0 or later
- npm or yarn
- A Gemini API key

### Installation

1. Clone the repository:
```bash
git clone https://github.com/ChanMeng666/chinese-redefine.git
```

2. Install dependencies:
```bash
npm install
# or
yarn install
```

3. Set up environment variables:
Create a `.env.local` file with:
```
GEMINI_API_KEY=your_gemini_api_key
```

4. Run the development server:
```bash
npm run dev
# or
yarn dev
```

5. Open [http://localhost:3000](http://localhost:3000) to view the application

## Usage
1. Enter a Chinese word or phrase you'd like to reinterpret
2. Wait for the AI-powered modern interpretation
3. View the beautifully formatted result
4. Export as an SVG card if desired

## API Rate Limits
- 5 requests per minute per IP address
- Maximum word length: 10 characters
- Must contain Chinese characters

## Contributing
Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

## License
This project is licensed under the [Apache-2.0 license](LICENSE).

## Author

**Chan Meng**
- GitHub: [ChanMeng666](https://github.com/ChanMeng666)
- LinkedIn: [chanmeng666](https://www.linkedin.com/in/chanmeng666/)

## Acknowledgments
- [Google Gemini](https://deepmind.google/technologies/gemini/) for AI capabilities
- [shadcn/ui](https://ui.shadcn.com/) for UI components
- [Tailwind CSS](https://tailwindcss.com) for styling
- [Framer Motion](https://www.framer.com/motion/) for animations

---


Made with ❤️ by Chan Meng