Skip to content

Commit 138fbf3

Browse files
authored
Merge pull request #164 from IT-Pick/clicelee-patch-1
Update README.md
2 parents dd0aea7 + 1080fbf commit 138fbf3

File tree

1 file changed

+55
-2
lines changed

1 file changed

+55
-2
lines changed

README.md

+55-2
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,56 @@
1-
# 실시간 이슈를 나눕니다, [키워드 랭킹 커뮤니티, 잇픽](https://itpick.netlify.app)
1+
# 💻시사와 경제, 연예 등 당신이 궁금한 모든 것!
2+
# 실시간 이슈를 나눕니다. 키워드 랭킹 커뮤니티 IT PICK
3+
## 🚀 소개
4+
### 프로젝트 소개
5+
오늘날 우리는 넘쳐나는 정보 속에서 어떤 정보를 선택하고 받아들여야 할지 혼란스럽기 쉽습니다.
6+
매일같이 수많은 뉴스와 트렌드가 쏟아지는 가운데, 바쁜 현대인들은 지금 어떤 이슈가 중요한지를 파악하기가 어렵습니다.
7+
중요한 이슈를 놓치지 않으면서도, 신속하게 정보의 핵심을 알아차릴 방법이 필요합니다.
28

3-
<img width="788" alt="Screenshot 2024-09-06 at 4 43 43 PM" src="https://github.com/user-attachments/assets/0a16aff3-ec98-45a8-b854-174f5860080d">
9+
게다가, 개인적으로 뿐만 아니라 사회적으로도 사람들이 솔직한 생각과 다양한 의견을 나눌 수 있는 기회를 찾는 것은 또 다른 문제입니다.
10+
특정 주제에 대한 사람들의 진솔한 생각이 궁금할 때 어떻게 토론을 시작하고 의견을 모을 수 있을까요?
11+
12+
현대 사회에서는 이러한 소통이 더욱더 중요해지고 있습니다. 잇픽은 이러한 복잡한 정보의 바다와 소통의 필요성을 해결하기 위해 탄생했습니다.
13+
<img width="946" alt="Screenshot 2025-01-18 at 4 47 44 PM" src="https://github.com/user-attachments/assets/9c3050aa-51f6-498e-8831-4cb49a633b0d" />
14+
15+
### Problem and Solution
16+
잇픽은 인터넷 사용자가 증가함에 따라 명확해지는 정보의 과부하 문제를 해결하고자 설계되었습니다.
17+
정보의 홍수 속에서 사용자는 실시간으로 어떤 이슈가 뜨고 있는지, 어디에서 어떤 주제가 화두가 되고 있는지를 파악하기 어려워지고 있습니다.
18+
네이트, 네이버, 구글, 나무위키, 줌 등 다양한 사이트에서 각각 제공되는 실시간 키워드들은 그 자체로 유용하지만, 여러 플랫폼을 번갈아 확인하는 과정은 시간과 노력이 소모됩니다.
19+
20+
![Group 1707480825 (1)](https://github.com/user-attachments/assets/87a2cf9e-b45e-41e8-a195-e058158fc716)
21+
22+
23+
24+
25+
## 🛠️ 기술 스택
26+
![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=white) ![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white) ![shadcn](https://img.shields.io/badge/shadcn-000000?style=for-the-badge&logo=shadcn&logoColor=white) ![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?logo=tailwindcss&logoColor=white)
27+
![pnpm](https://img.shields.io/badge/pnpm-222222?logo=pnpm&logoColor=F69220)
28+
29+
30+
31+
| **Category** | **Stack** |
32+
|:------------:|:----------:|
33+
| **Front-end** | `React`, `TypeScript`,`shadcn`, `tailwind css`, `pnpm ` |
34+
35+
36+
## 💻 설치 방법
37+
1. 저장소 복제
38+
```bash
39+
git clone https://github.com/IT-Pick/IT-Pick-Frontend/
40+
cd IT-Pick-Frontend
41+
```
42+
43+
2. 의존성 설치
44+
```bash
45+
pnpm install
46+
```
47+
48+
3. 개발 서버 실행
49+
```bash
50+
pnpm run dev
51+
```
52+
53+
4. 빌드
54+
```bash
55+
pnpm run build
56+
```

0 commit comments

Comments
 (0)