- Set up Vite + React + TypeScript project - Configure Tailwind CSS v4 with PostCSS - Create project structure (components, types, data) - Implement core features: - Header with search functionality - PostCard component for displaying posts - PostList with community filtering (전체/디씨/루리웹/아카) - PostModal for detailed post view - Add mock data for 3 communities (DCInside, Ruliweb, Arcalive) - Update README with project documentation
22 lines
398 B
TypeScript
22 lines
398 B
TypeScript
export type CommunityType = 'dcinside' | 'ruliweb' | 'arcalive';
|
|
|
|
export interface Post {
|
|
id: string;
|
|
title: string;
|
|
author: string;
|
|
community: CommunityType;
|
|
board: string;
|
|
content: string;
|
|
views: number;
|
|
comments: number;
|
|
likes: number;
|
|
timestamp: string;
|
|
url: string;
|
|
}
|
|
|
|
export interface CommunityFilter {
|
|
name: string;
|
|
value: CommunityType | 'all';
|
|
color: string;
|
|
}
|