Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/chanmeng666/chinese-redefine
- Owner: ChanMeng666
- License: apache-2.0
- Created: 2024-11-12T03:36:43.000Z (about 2 months ago)
- Default Branch: master
- Last Pushed: 2024-12-07T12:36:19.000Z (26 days ago)
- Last Synced: 2024-12-07T13:26:00.440Z (26 days ago)
- Topics: chinese, framer-motion, gemini-ai, nextjs, react, shadcnui, svgexport, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://chinese-redefine.vercel.app/
- Size: 224 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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