Initial setup: Korean community aggregator web app

- 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
This commit is contained in:
Claude
2025-11-15 13:22:50 +00:00
parent 6e5c108269
commit 8f7e0ee216
23 changed files with 4908 additions and 1 deletions

19
src/App.tsx Normal file
View File

@@ -0,0 +1,19 @@
import { useState } from 'react';
import Header from './components/common/Header';
import PostList from './components/PostList';
import mockPosts from './data/mock-posts.json';
import type { Post } from './types';
function App() {
const [searchQuery, setSearchQuery] = useState('');
const posts = mockPosts as Post[];
return (
<div className="min-h-screen bg-gray-50">
<Header onSearch={setSearchQuery} />
<PostList posts={posts} searchQuery={searchQuery} />
</div>
);
}
export default App;