Geek University Webapp | 极客大学 Web 应用

English | 中文

Geek University Webapp

A modern web application for Geek University built with Next.js 15 and React 19.

Tech Stack

• Framework: Next.js 15.2.4
• UI Library: React 19
• Styling: Tailwind CSS
• Component Library: Radix UI
• Form Handling: React Hook Form + Zod
• Animation: Framer Motion
• Charts: Recharts
• Theming: next-themes
• Type Checking: TypeScript

Features

• Modern UI Design
• Responsive Layout
• Dark/Light Theme Support
• Rich UI Components
• Form Validation
• Data Visualization
• Animation Effects

Getting Started

Prerequisites

• Node.js (Latest LTS version recommended)
• pnpm or yarn or npm

Installation

1. Clone the repository

git clone [repository-url]
cd geek-university-webapp

2. Install dependencies

# Using pnpm
pnpm install

# Or using yarn
yarn install

# Or using npm
npm install

3. Start the development server

# Using pnpm
pnpm dev

# Or using yarn
yarn dev

# Or using npm
npm run dev

4. Open http://localhost:3000 in your browser

Building for Production

# Using pnpm
pnpm build

# Or using yarn
yarn build

# Or using npm
npm run build

Starting Production Server

# Using pnpm
pnpm start

# Or using yarn
yarn start

# Or using npm
npm run start

Project Structure

├── app/              # Next.js app router
├── components/       # React components
├── hooks/           # Custom React hooks
├── lib/             # Utility functions and configs
├── public/          # Static assets
├── styles/          # Global styles
└── types/           # TypeScript type definitions

Development Guide

• Use pnpm lint to run code linting
• Follow TypeScript type definitions
• Use Tailwind CSS for styling
• Follow Radix UI design patterns for components

Contributing

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

MIT License

---

极客大学 Web 应用

一个现代化的极客大学 Web 应用，使用 Next.js 15 和 React 19 构建。

技术栈

• 框架: Next.js 15.2.4
• UI 库: React 19
• 样式: Tailwind CSS
• 组件库: Radix UI
• 表单处理: React Hook Form + Zod
• 动画: Framer Motion
• 图表: Recharts
• 主题: next-themes
• 类型检查: TypeScript

功能特性

• 现代化的 UI 设计
• 响应式布局
• 深色/浅色主题支持
• 丰富的 UI 组件
• 表单验证
• 数据可视化
• 动画效果

开始使用

环境要求

• Node.js (推荐最新 LTS 版本)
• pnpm 或 yarn 或 npm

安装

1. 克隆项目

git clone [repository-url]
cd geek-university-webapp

2. 安装依赖

# 使用 pnpm
pnpm install

# 或使用 yarn
yarn install

# 或使用 npm
npm install

3. 启动开发服务器

# 使用 pnpm
pnpm dev

# 或使用 yarn
yarn dev

# 或使用 npm
npm run dev

4. 打开浏览器访问 http://localhost:3000

构建生产版本

# 使用 pnpm
pnpm build

# 或使用 yarn
yarn build

# 或使用 npm
npm run build

启动生产服务器

# 使用 pnpm
pnpm start

# 或使用 yarn
yarn start

# 或使用 npm
npm run start

项目结构

├── app/              # Next.js 应用路由
├── components/       # React 组件
├── hooks/           # 自定义 React Hooks
├── lib/             # 工具函数和配置
├── public/          # 静态资源
├── styles/          # 全局样式
└── types/           # TypeScript 类型定义

开发指南

• 使用 pnpm lint 运行代码检查
• 遵循 TypeScript 类型定义
• 使用 Tailwind CSS 进行样式开发
• 组件开发遵循 Radix UI 的设计规范

贡献指南

1. Fork 项目
2. 创建特性分支 (git checkout -b feature/AmazingFeature)
3. 提交更改 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 创建 Pull Request

许可证

MIT License