Skip to content

Commit f0bdcc7

Browse files
trend-winter-wangtrend-winter-wang
committed
update
1 parent e51b93c commit f0bdcc7

30 files changed

+45178
-336
lines changed

‎.gitignore‎

Lines changed: 27 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,8 @@
33
# dependencies
44
/node_modules
55
/.pnp
6-
.pnp.*
7-
.yarn/*
8-
!.yarn/patches
9-
!.yarn/plugins
10-
!.yarn/releases
11-
!.yarn/versions
6+
.pnp.js
7+
.yarn/install-state.gz
128

139
# testing
1410
/coverage
@@ -30,12 +26,35 @@ yarn-debug.log*
3026
yarn-error.log*
3127
.pnpm-debug.log*
3228

33-
# env files (can opt-in for committing if needed)
34-
.env*
29+
# local env files
30+
.env*.local
31+
.env
32+
.env.development
33+
.env.production
3534

3635
# vercel
3736
.vercel
3837

3938
# typescript
4039
*.tsbuildinfo
4140
next-env.d.ts
41+
42+
# IDE
43+
.idea/
44+
.vscode/*
45+
!.vscode/extensions.json
46+
!.vscode/settings.json
47+
!.vscode/tasks.json
48+
!.vscode/launch.json
49+
50+
# PWA files
51+
**/public/precache.*.*.js
52+
**/public/sw.js
53+
**/public/workbox-*.js
54+
**/public/worker-*.js
55+
**/public/fallback-*.js
56+
**/public/precache.*.*.js.map
57+
**/public/sw.js.map
58+
**/public/workbox-*.js.map
59+
**/public/worker-*.js.map
60+
**/public/fallback-*.js.map

‎README.md‎

Lines changed: 154 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,169 @@
1-
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
1+
# ProWords | 专业化英语学习平台
22

3-
## Getting Started
3+
<p align="center">
4+
<img src="https://img.shields.io/badge/AI%20Powered-GPT-blue?style=for-the-badge&logo=openai" alt="AI Powered" />
5+
<img src="https://img.shields.io/badge/Next.js-14-black?style=for-the-badge&logo=next.js" alt="Next.js 14" />
6+
<img src="https://img.shields.io/badge/Tailwind-CSS-38B2AC?style=for-the-badge&logo=tailwind-css" alt="Tailwind CSS" />
7+
</p>
48

5-
First, run the development server:
9+
<p align="center">🇨🇳 <a href="#chinese">中文</a> | 🇺🇸 <a href="#english">English</a></p>
610

11+
---
12+
13+
<h2 id="chinese">中文介绍</h2>
14+
15+
## ProWords - AI驱动的专业化英语学习平台
16+
17+
ProWords 是一个基于人工智能的专业化英语学习平台，为不同职业的人群提供量身定制的英语学习体验。通过整合先进的AI技术，为用户创建职业相关的例句和学习内容。
18+
19+
### 🌟 特色
20+
21+
- 🤖 **AI驱动学习**: 使用先进的AI模型生成与职业相关的自然、专业的例句
22+
- 👨‍💻 **职业化定制**: 根据不同职业背景智能生成专业相关的例句
23+
- 🎯 **智能重生成**: 不满意的例句可一键重新生成多种替代选项
24+
- 🎨 **美观界面**: 采用现代化的UI设计，提供流畅的用户体验
25+
- 📝 **进度跟踪**: 自动保存学习进度，随时可以继续学习
26+
- 🔊 **语音支持**: 支持单词和例句的语音播放功能
27+
28+
### 💻 技术栈
29+
30+
- **前端框架**: Next.js 14
31+
- **UI 组件**: Tailwind CSS + Shadcn/ui
32+
- **动画效果**: Framer Motion
33+
- **AI 集成**: 集成先进大语言模型API
34+
- **状态管理**: React Hooks
35+
- **本地存储**: localStorage
36+
37+
### 📚 功能特点
38+
39+
#### 职业选择
40+
- 预设职业类型（程序员、设计师、医生等）
41+
- 支持自定义职业描述
42+
- 可多选职业组合，获得多样化的例句
43+
44+
#### AI学习系统
45+
- CET-4/6 词库支持
46+
- 按章节学习
47+
- 自动保存进度
48+
- AI智能例句生成
49+
- 例句重生成功能
50+
51+
#### 界面功能
52+
- 深色模式支持
53+
- 响应式设计
54+
- 流畅的过渡动画
55+
- 直观的进度展示
56+
57+
### 📍 开始使用
58+
59+
1. 克隆项目
60+
```bash
61+
git clone <repository-url>
62+
cd prowords
63+
```
64+
65+
2. 安装依赖
766
```bash
8-
npm run dev
9-
# or
10-
yarn dev
11-
# or
12-
pnpm dev
13-
# or
14-
bun dev
67+
pnpm install
68+
```
69+
70+
3. 启动开发服务器
71+
```bash
72+
pnpm run dev
73+
```
74+
75+
4. 访问应用
76+
```
77+
http://localhost:3000
1578
```
1679

17-
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
80+
### 💯 使用流程
1881

19-
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
82+
1. 选择职业身份
83+
2. 选择词库类型（CET-4/6）
84+
3. 选择学习章节
85+
4. 开始学习单词
86+
5. 查看AI生成的职业相关例句
87+
6. 不满意可一键重新生成例句
2088

21-
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
89+
---
2290

23-
## Learn More
91+
<h2 id="english">English Introduction</h2>
2492

25-
To learn more about Next.js, take a look at the following resources:
93+
## ProWords - AI-Powered Professional English Learning Platform
2694

27-
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
28-
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
95+
ProWords is an AI-powered English learning platform that provides tailored learning experiences for professionals across various industries. By integrating advanced AI technology, it creates career-relevant example sentences and learning content for users.
96+
97+
### 🌟 Features
98+
99+
- 🤖 **AI-Driven Learning**: Uses advanced AI models to generate natural, profession-specific example sentences
100+
- 👨‍💻 **Professional Customization**: Intelligently generates examples relevant to different career backgrounds
101+
- 🎯 **Smart Regeneration**: One-click regeneration of alternative example sentences
102+
- 🎨 **Beautiful Interface**: Modern UI design providing a smooth user experience
103+
- 📝 **Progress Tracking**: Automatically saves learning progress for continuous learning
104+
- 🔊 **Voice Support**: Text-to-speech functionality for words and example sentences
105+
106+
### 💻 Tech Stack
107+
108+
- **Frontend Framework**: Next.js 14
109+
- **UI Components**: Tailwind CSS + Shadcn/ui
110+
- **Animation**: Framer Motion
111+
- **AI Integration**: Advanced language model API integration
112+
- **State Management**: React Hooks
113+
- **Local Storage**: localStorage
114+
115+
### 📚 Key Features
116+
117+
#### Career Selection
118+
- Preset professional types (programmer, designer, doctor, etc.)
119+
- Support for custom profession descriptions
120+
- Multiple profession selection for diverse example sentences
121+
122+
#### AI Learning System
123+
- CET-4/6 vocabulary support
124+
- Chapter-based learning
125+
- Automatic progress saving
126+
- AI-powered example sentence generation
127+
- Sentence regeneration functionality
128+
129+
#### Interface Features
130+
- Dark mode support
131+
- Responsive design
132+
- Smooth transition animations
133+
- Intuitive progress visualization
134+
135+
### 📍 Getting Started
136+
137+
1. Clone the project
138+
```bash
139+
git clone <repository-url>
140+
cd prowords
141+
```
142+
143+
2. Install dependencies
144+
```bash
145+
pnpm install
146+
```
147+
148+
3. Start development server
149+
```bash
150+
pnpm run dev
151+
```
152+
153+
4. Access the application
154+
```
155+
http://localhost:3000
156+
```
29157

30-
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
158+
### 💯 Usage Flow
31159

32-
## Deploy on Vercel
160+
1. Select professional identity
161+
2. Choose vocabulary type (CET-4/6)
162+
3. Select learning chapter
163+
4. Start learning words
164+
5. View AI-generated profession-relevant example sentences
165+
6. One-click regeneration if not satisfied with examples
33166

34-
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
167+
## 📜 License
35168

36-
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
169+
MIT License

‎components.json‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"$schema": "https://ui.shadcn.com/schema.json",
3+
"style": "new-york",
4+
"rsc": true,
5+
"tsx": true,
6+
"tailwind": {
7+
"config": "tailwind.config.ts",
8+
"css": "src/app/globals.css",
9+
"baseColor": "neutral",
10+
"cssVariables": true,
11+
"prefix": ""
12+
},
13+
"aliases": {
14+
"components": "@/components",
15+
"utils": "@/lib/utils",
16+
"ui": "@/components/ui",
17+
"lib": "@/lib",
18+
"hooks": "@/hooks"
19+
},
20+
"iconLibrary": "lucide"
21+
}

0 commit comments

Comments
 (0)