Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

【Star light, star bright, make our repo shine tonight! ⭐️】Modern redefinition of English words from a contemporary perspective, powered by Google's Gemini AI.
https://github.com/chanmeng666/english-redefine

education english-learning framer-motion gemini-ai nextjs react shadcnui svgexport tailwindcss typescript

Last synced: 19 days ago
JSON representation

【Star light, star bright, make our repo shine tonight! ⭐️】Modern redefinition of English words from a contemporary perspective, powered by Google's Gemini AI.

Awesome Lists containing this project

README 

        


 
 🔄 English Redefine


 

 

 

 

 











[![👉Try It Now!👈](https://gradient-svg-generator.vercel.app/api/svg?text=%F0%9F%91%89Try%20It%20Now!%F0%9F%91%88&color=000000&height=60&gradientType=radial&duration=6s&color0=ffffff&template=pride-rainbow)](https://english-redefine.vercel.app/)







https://github.com/user-attachments/assets/189728c5-61b7-445d-b914-9750cf4cb967



![screencapture-english-redefine-vercel-app-2024-12-06-12_37_53](https://github.com/user-attachments/assets/c601b8c5-0560-4b2b-9833-40c8f775c405)



# Features

Experience English words in a new light with our modern redefinition platform.



### 🎯 Modern Word Interpretation

Get fresh, contemporary explanations of English words that bridge traditional meanings with modern perspectives.



### 🤖 Powered by Gemini AI

Leverage Google's advanced Gemini AI technology for intelligent and contextual word redefinitions.



### 🎨 Beautiful Card Generation

Generate visually appealing cards showcasing word definitions with modern design aesthetics.



### 💫 Smooth Animations

Enjoy fluid transitions and engaging animations powered by Framer Motion.



### 📱 Responsive Design

Perfect experience across all devices - desktop, tablet, and mobile.



### 💾 SVG Export

Download and share your generated definition cards in high-quality SVG format.



### ⚡ Optimized Performance

Built with Next.js for optimal loading speeds and performance.



## Tech Stack

![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![Framer](https://img.shields.io/badge/Framer-black?style=for-the-badge&logo=framer&logoColor=blue)



## 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/english-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



## Contributing

Contributions are welcome! Please feel free to submit a Pull Request.



## License

See the [Apache-2.0 license](LICENSE) file for details.



## Author

**Chan Meng**

[![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=normal&logo=github&logoColor=white)](https://github.com/ChanMeng666)

[![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=normal&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/chanmeng666/)