KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #dsh #dsh-plugin #ai-agent #claude-code #codex #typescript #ai-agents #mcp #cli #rust #deepseek-harness

sopt-playground-frontend

★ 90 Open GitHub ↗

SOPT 구성원들을 위한 서비스, SOPT Playground

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 🚀 SOPT Playground Frontend

**대학생 연합 IT벤처창업 동아리 SOPT 구성원들을 위한 서비스**

</div>

## 💁🏻‍♂️ SOPT Playground를 소개해요!

> SOPT 구성원들을 연결하는 Playground를 만드는 팀이에요.
> Playground에서는 커뮤니티 게시판에 글을 업로드하며, SOPT 모든 기수의 구성원들과 함께 이야기하고 소통할 수 있어요.
> 또한, 전체 회원들의 소개를 볼 수 있는 **‘멤버프로필’**, 프로젝트를 등록할 수 있는 **‘프로젝트’**, 가볍게 소통할 수 있는 **‘끝말잇기’** 기능이 있어요. 더불어 3000여명의 SOPT 구성원이 더욱 연결될 수 있도록 **'커뮤니티'** 기능을 확장하고 있어요. 그리고 SOPT만의 커피챗이 이루어지는 공간, **‘커피솝’** 도 함께 운영하고 있어요.

- Playground 팀은 100마디 말보다 한번의 빠른 실행이 더 많은 인사이트를 가져다 줄 수 있다고 믿고 작고 빠르게 실행하는걸 중요하게 생각해요.
- 엠플리튜드로 정량적인 데이터를 확인하고, 설문조사를 통해 정성적인 피드백을 수집해요.
- 플레이그라운드 팀은 앞으로도 여러 가치 있는 연결을 만들어가고자 해요.

| **커뮤니티** | **멤버 프로필** |
| :----------: | :----------: |
| <img width="100%" alt="커뮤니티 스크린샷" src="https://github.com/user-attachments/assets/2247cb3a-c7b4-4b67-a603-7f936d8b1fb1"> | <img width="100%" alt="멤버프로필 스크린샷" src="https://github.com/user-attachments/assets/a039e7ab-2708-4bc1-96d0-9fa870906c47"> |

| **프로젝트** | **커피솝** |
| :----------: | :----------: |
| <img width="100%" alt="프로젝트 스크린샷" src="https://github.com/user-attachments/assets/073e8b15-cac6-438e-acf6-55fc58d6e985"> | <img width="100%" alt="커피솝 스크린샷" src="https://github.com/user-attachments/assets/478823c7-e58f-4ce6-ad7c-82b7890f8fe2"> |

| **끝말잇기** |
| :----------: | 
| <img width="50%" width="700" alt="끝말잇기 스크린샷" src="https://github.com/user-attachments/assets/f23a0fc3-9586-48e6-a62c-7763390d376a"> |

## 🤓 시작하기

**Prerequisites**

- Git
- [Node](https://nodejs.org/)
- [Yarn berry](https://yarnpkg.com/)

**로컬에선 이렇게 실행해요**

```
# 로컬 환경에 Clone하기
git clone https://github.com/sopt-makers/sopt-playground-frontend.git

# 로컬 프로젝트 폴더로 이동하기
cd sopt-playground-frontend

# 디펜던시 설치하기
yarn (install)

# 개발 서버 실행하기
yarn dev
```

Playground는 Next.js 기반으로 만들어진 프로젝트에요.  
개발 서버가 실행되면 브라우저에서 [http://localhost:3000](http://localhost:3000/) 로 접속하실 수 있어요.

## 📚 Key Languages & Libraries

> Playground 팀은 기술 사용에 제한을 두지 않아요.  
> 도입에 대한 충분한 설득만 있다면, 팀원들은 새로운 기술을 반길 준비가 되어 있어요 😁

- React & Typescript
- Next.js
- emotion.js
- tanstack-query
- recoil
- react-hook-form

## 🚀 Activity

![Alt](https://repobeats.axiom.co/api/embed/bffd623ce3ba58424205529201bb3600ef726474.svg 'Repobeats analytics image')

## 👨‍👩‍👧‍👦 Authors

현재 Playground를 만들고 있는  36기 makers에요.

<table align="center">
 <tr align="center">
 <td style="min-width: 150px;" background-color="white">
 <a href="https://github.com/imddoy">
 <img src="https://github.com/user-attachments/assets/9dcbd682-4332-4e90-a592-7d9918bd3b70" width="200" height="200" style="object-fit :contain">
 
 imddoy
 </a> 
 </td>
 <td style="min-width: 150px;" background-color="white">
 <a href="https://github.com/seong-hui">
 <img src="https://github.com/user-attachments/assets/18d8cc97-5c12-45dc-8350-7acb1971ab50" width="200" height="200" style="object-fit :contain">
 
 seong-hui
 </a> 
 </td>
 </tr>
 <tr align="center">
 <td>
 🩷 채현 🩷 
 FE Developer
 </td>
 <td>
 🩵 성희 🩵 
 FE Developer
 </td>
 </tr>
</table>

## 명예의 전당

<table align="center">
 <tr align="center"> 
 <td style="min-width: 150px;" background-color="white">
 <a href="https://github.com/danmin20">
 <img src="https://ca.slack-edge.com/T040QGZF77H-U0425VDVC20-f4aa143ab5cb-512" width="200" height="150" style="object-fit :cover">
 
 Danmin
 </a> 
 </td>
 <td style="min-width: 150px;">
 <a href="https://github.com/NamJwong">
 <img src="https://user-images.githubusercontent.com/26808056/215305813-e46a08bb-d65f-4eec-bd15-55bdd8ec1937.jpeg" width="200" height="150" style="object-fit :cover">
 
 NamJwong
 </a>
 </td>
 <td style="min-width: 150px;" background-color="white">
 <a href="https://github.com/tekiter">
 <img src="https://avatars.githubusercontent.com/u/36122585?v=4" width="200" height="150" style="object-fit :cover">
 
 Tekiter
 </a> 
 </td>
 <td style="min-width: 150px;">
 <a href="https://github.com/juno7803">
 <img src="https://avatars.githubusercontent.com/u/26808056?v=4" width="200" height="150" style="object-fit :cover">
 
 Jun
 </a>
 </td>
 <td style="min-width: 150px;" background-color="white">
 <a href="https://github.com/solar3070">
 <img src="https://github.com/sopt-makers/sopt-playground-frontend/assets/76681519/8e9710fa-666d-44c9-9af9-0f927733c89d" width="200" height="150" style="object-fit :cover">
 
 solar3070
 </a> 
 </td>
 </tr>
 <tr align="center">
 <td>
 💖 정민 💖 
 1기 FE Developer
 </td>
 <td>
 💛 주영 💛 
 1, 2, 3기 FE Developer
 </td>
 <td>
 💚 건영 💚 
 1, 2, 3기 FE Developer
 </td>
 <td>
 🤍 준호 🤍 
 1, 2, 3기 FE Developer
 </td>
 <td>
 💙 혜준 💙 
 4기 FE Developer
 </td>
 </tr>

</table>

<table align="center">
 <tr align="center">
 <td style="min-width: 150px;" background-color="white">
 <a href="https://github.com/seojisoosoo">
 <img src="https://github.com/sopt-makers/sopt-playground-frontend/assets/76681519/586e267e-5d8c-4ace-abe8-6fed7c2e09c2" width="200" height="200" style="object-fit :contain">
 
 Seojisoosoo
 </a> 
 </td>
 <td style="min-width: 150px;" background-color="white">
 <a href="https://github.com/simeunseo">
 <img src="https://github.com/sopt-makers/sopt-playground-frontend/assets/76681519/51331279-c053-4f3f-a120-90b2926ad9f1" width="200" height="200" style="object-fit :contain">
 
 simeunseo
 </a> 
 </td>
 <td style="min-width: 150px;" background-color="white">
 <a href="https://github.com/hayounSong">
 <img src="https://github.com/user-attachments/assets/7eccf646-1764-4ff7-8ea7-059281e1dc9b" width="200" height="200" style="object-fit :contain">
 
 hayounSong
 </a> 
 </td>
 <td style="min-width: 150px;" background-color="white">
 <a href="https://github.com/pepperdad">
 <img src="https://github.com/user-attachments/assets/97bc9cb2-f6d8-4159-9ffe-f7f3aa625753" width="200" height="200" style="object-fit :contain">
 
 pepperdad
 </a> 
 </td>
 </tr>
 <tr align="center">
 <td>
 🩵 지수 🩵 
 3, 4, 35기 FE Developer
 </td>
 <td>
 💚 은서 💚 
 4, 35기 FE Developer
 </td>
 <td>
 💜 하윤 💜 
 35기 FE Developer
 </td>
 <td>
 🧡 도영 🧡 
 35기 FE Developer
 </td>
 </tr>
</table>

## License

[MIT License](LICENSE.md)

sopt-playground-frontend

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README