# finevtech

**Repository Path**: front-end_38/finevtech

## Basic Information

- **Project Name**: finevtech
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-11
- **Last Updated**: 2026-02-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Sector AI - Vertical Industry AI News Platform

A news platform focused on vertical industry AI applications, showcasing real AI case studies and industry insights.

## Features

- 🏠 **Home Feed** - Display the latest AI application news across all industries
- 🏢 **Vertical Industry Filtering** - Browse by Healthcare, Finance, Legal, Manufacturing, etc.
- 📝 **Content Type Filtering** - Case Study, Technology Deep Dive, Startup Profile, Regulatory News
- 🔍 **Search Functionality** - Search by title, summary, or tags
- 📱 **Responsive Design** - Perfect adaptation for desktop and mobile devices
- 🎨 **Modern UI** - Design style inspired by yuocool.com

## Tech Stack

- Vue 3 + TypeScript
- Vue Router 4
- Pinia (State Management)
- Vite (Build Tool)

## Project Structure

```
src/
├── components/       # Shared components
│   ├── Header.vue    # Header navigation
│   ├── Footer.vue    # Footer
│   ├── ArticleCard.vue  # Article card
│   └── FilterBar.vue    # Filter bar
├── views/            # Page views
│   ├── Home.vue      # Home page
│   ├── Industry.vue  # Industry page
│   └── ArticleDetail.vue  # Article detail page
├── stores/           # Pinia state management
│   └── article.ts    # Article data management
├── types/            # TypeScript type definitions
│   └── article.ts    # Article related types
├── router/           # Route configuration
│   └── index.ts
├── App.vue           # Root component
├── main.ts           # Entry file
└── style.css         # Global styles
```

## Quick Start

### Install Dependencies

```bash
npm install
```

### Development Mode

```bash
npm run dev
```

Visit http://localhost:3000

### Build for Production

```bash
npm run build
```

### Preview Production Build

```bash
npm run preview
```

## Routes

- `/` - Home page, displays all articles
- `/industry/:industry` - Industry filter page (healthcare, finance, legal, manufacturing)
- `/article/:id` - Article detail page

## Content Types

1. **Case Study** - In-depth analysis of how companies use AI to solve specific problems
2. **Technology Deep Dive** - Explains how AI technology is applied in specific industries
3. **Startup Profile** - Introduces startups using AI to solve industry pain points
4. **Regulatory News** - Updates on AI-related laws and regulations

## Future Integration

Currently using mock data. Future enhancements can include:

1. Integrate n8n workflow to fetch articles from RSS feeds
2. Use AI models (e.g., GPT) to process articles and generate structured JSON
3. Connect to backend API for storing and retrieving article data
4. Implement pagination functionality
5. Add user favorites, sharing, and other features

## Brand Positioning

**Sector AI** - From theory to practice. Real-world AI case studies for industry leaders.

Focused on providing real AI application cases for industry leaders, from theory to practice.