https://github.com/jwo0o0/pickit-client

https://github.com/jwo0o0/pickit-client

nextjs tailwindcss tanstack-query typescript zustand

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/jwo0o0/pickit-client
• Owner: jwo0o0
• Created: 2024-10-16T06:15:50.000Z (3 months ago)
• Default Branch: develop
• Last Pushed: 2024-11-27T15:26:56.000Z (about 2 months ago)
• Last Synced: 2024-11-27T15:31:20.717Z (about 2 months ago)
• Topics: nextjs, tailwindcss, tanstack-query, typescript, zustand
• Language: TypeScript
• Homepage: https://pickitsns.site
• Size: 550 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



  
 🗳️ PickIt 

  https://pickitsns.site/

  



  [![Application](http://img.shields.io/badge/Application-000000?style=flat&logo=github&logoColor=white&link=https://pickitsns.site/)](https://sns.jwoo.site/)

  

요즘 ‘선택 장애’라는 말이 있을 정도로 선택하는데 스트레스를 받는 사람들이 많습니다. 


반면 ‘밸런스 게임’이 유행할 정도로 무언가를 선택하며 서로를 알아가는 시간을 갖기도 합니다. 


**PickIt**은 이렇게 **투표 형식을 중심**으로 쉽고 빠르게 소통할 수 있는 SNS입니다!





## 💡 해결하려는 문제

1. **선택에 대한 스트레스와 피로 해결**


    ‘살까 말까?’ 혹은 ‘먹을까 말까?’와 같이 가벼운 선택을 함께하며 부담을 덜고 취향을 공유할 수 있습니다. 

    

2. **쉽고 부담없이 소통할 수 있는 방법을 제공**


    글을 쓰거나, 이미지를 올리는 것조차 어렵고 부담스러워 소통을 꺼려하게 되는 사람들에게 단순한 선택형 질문으로 빠르고 직관적으로 소통할 수 있는 방법을 제공합니다.

    

3. **유용한 정보를 제공하는 효과적인 방식 제공**


    SNS가 비즈니스와 지식 전달의 역할까지 하고 있습니다. 선택형 질문으로 자연스러운 참여를 유도하고, 기억에 더 남게 할 수 있습니다.

## 🔍 핵심 기능

#### 카카오 소셜 로그인

#### 피드 작성

#### 피드 조회

#### 팔로잉/팔로우

#### 실시간 채팅

## 🛠️ 기술 스택

### Client

![Next JS](https://img.shields.io/badge/Next.js-black?style=flat&logo=next.js&logoColor=white) ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=flat&logo=typescript&logoColor=white) ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=flat&logo=tailwind-css&logoColor=white) 	![Tanstack Query](https://img.shields.io/badge/-Tanstack%20Query-FF4154?style=flat&logo=react%20query&logoColor=white) ![Zustand](https://img.shields.io/badge/Zustand-black?style=flat) ![PNPM](https://img.shields.io/badge/pnpm-%234a4a4a.svg?style=flat&logo=pnpm&logoColor=f69220) ![Zod](https://img.shields.io/badge/zod-%233068b7.svg?style=flat&logo=zod&logoColor=white)

### Server

![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=flat&logo=express&logoColor=%2361DAFB)

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=flat&logo=javascript&logoColor=%23F7DF1E) ![MySQL](https://img.shields.io/badge/mysql-4479A1.svg?style=flat&logo=mysql&logoColor=white) ![Sequelize](https://img.shields.io/badge/Sequelize-52B0E7?style=flat&logo=Sequelize&logoColor=white) ![JWT](https://img.shields.io/badge/JWT-black?style=flat&logo=JSON%20web%20tokens) ![Redis](https://img.shields.io/badge/redis-%23DD0031.svg?style=flat&logo=redis&logoColor=white) ![Socket.io](https://img.shields.io/badge/Socket.io-black?style=flat&logo=socket.io&badgeColor=010101)

### Infra

![Amazon EC2](https://img.shields.io/badge/EC2-FF9900?style=flat&logo=amazonec2&logoColor=white) ![Amazon S3](https://img.shields.io/badge/S3-569A31?style=flat&logo=amazons3&logoColor=white) ![Amazon CodeDeploy](https://img.shields.io/badge/CodeDeploy-569A31?style=flat&logo=CodeDeploy&logoColor=white) ![Amazon Route 53](https://img.shields.io/badge/Route%2053-8C4FFF?style=flat&logo=amazonroute53&logoColor=white) ![Nginx](https://img.shields.io/badge/nginx-%23009639.svg?style=flat&logo=nginx&logoColor=white) ![GitHub Actions](https://img.shields.io/badge/github%20actions-%232671E5.svg?style=flat&logo=githubactions&logoColor=white)

## 🌐 서비스 아키텍처



## 📝 관련 기록

> - 블로그

### 🙋 만든 사람