Skip to content

Commit

Permalink
chore: added service preview images to the readme
Browse files Browse the repository at this point in the history
  • Loading branch information
kyY00n committed Aug 17, 2024
1 parent 8437b7f commit 9a42445
Showing 1 changed file with 183 additions and 2 deletions.
185 changes: 183 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,184 @@
<img src="https://user-images.githubusercontent.com/61582017/235365397-a488b602-2513-4bd3-af0b-1c919d4ba35d.png" width=33%><img src="https://user-images.githubusercontent.com/61582017/235365068-3f51cc30-7881-4381-957f-4baaf98c4edf.png" width="33%"><img src="https://user-images.githubusercontent.com/61582017/235365056-f5b78e90-cee1-47b1-b5c4-b9687a1b139b.png" width="33%">
<!-- Improved compatibility of back to top link: See: https://github.com/othneildrew/Best-README-Template/pull/73 -->
<a id="readme-top"></a>
<!--
*** Thanks for checking out the Best-README-Template. If you have a suggestion
*** that would make this better, please fork the repo and create a pull request
*** or simply open an issue with the tag "enhancement".
*** Don't forget to give the project a star!
*** Thanks again! Now go create something AMAZING! :D
-->

웹 서비스 가보자고 &rarr; [Piickle](https://www.piickle.link/?utm_content=git1.2)


<!-- PROJECT SHIELDS -->
<!--
*** I'm using markdown "reference style" links for readability.
*** Reference links are enclosed in brackets [ ] instead of parentheses ( ).
*** See the bottom of this document for the declaration of the reference variables
*** for contributors-url, forks-url, etc. This is an optional, concise syntax you may use.
*** https://www.markdownguide.org/basic-syntax/#reference-style-links
-->
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]



<!-- PROJECT LOGO -->
<br />
<div align="center">

[//]: # ( <a href="https://github.com/TeamPiickle/server">)

[//]: # ( <img src="images/logo.png" alt="Logo" width="80" height="80">)

[//]: # ( </a>)
<img src="https://user-images.githubusercontent.com/47105088/223893873-97a6f639-3a8c-4bb7-aee8-b92c7d4ba55b.png" >
<h3 align="center">Piickle server</h3>

<p align="center">
웹서비스 피클의 서버 저장소
<br />
<br />
<a href="https://www.piickle.link">View Demo</a>
·
<a href="https://github.com/TeamPiickle/server/issues/new?labels=bug&template=bug-report---.md">Report Bug</a>
·
<a href="https://github.com/TeamPiickle/server/issues/new?labels=enhancement&template=feature-request---.md">Request Feature</a>
</p>
</div>


<!-- ABOUT THE PROJECT -->

## 🥒 Piickle
### 지금 내게 필요한 대화주제 추천 서비스, 피클!

<aside>

#### 📍 1. 어색한 분위기 또는 침묵의 발생

>필연적으로 발생하는 과정을 매끄러운 아이스브레이킹 과정을 통해서 넘길 수 있다면, 그리고 보다 서로에 대해 더 알 수 있도록 설계할 수 있다면 충분히 해결가능하다고 판단했습니다.
-> 적절한 아이스브레이킹용 주제를 제시하며 대화주제 추천

#### 📍 2. 오락과 재미에 치중된 대화에서 오는 회의감

>재미있으면서도 진중한 대화 or 재미있는 주제에서 이어지는 진중한 대화를 만들어 가고자 합니다.
-> 가볍고 유쾌한 주제에서 출발해서 깊고 진중한 대화까지의 자연스러운 추천 흐름

#### 📍 3. 사람들이 공감하고, 집중할 수 있는 주제를 떠올리는 것에 있어서 한계

>사람들 간의 공통적인 주제를 모아서 직접 주제에 대한 선호도를 나누면 좋겠다고 생각했습니다.
-> 마음에 드는 주제를 북마크하고 모아서 볼 수 있도록 하는 아카이빙 기능

</aside>

<p align="right">(<a href="#readme-top">back to top</a>)</p>



<br />

## Service Preview

### 1. Main
<img src="https://user-images.githubusercontent.com/47105088/223893885-097e274c-f54d-4b07-8468-530e441155a3.png">

### 2. Category

<img src="https://user-images.githubusercontent.com/47105088/223893891-6d6983a2-f5b2-4d0a-8cab-15e0af97b264.png">

### 3. Card
<img src="https://user-images.githubusercontent.com/47105088/223893903-bae45dac-7d8a-4ff4-a76b-d42e567a0b98.png">

### 4. My Piickle

<img src="https://user-images.githubusercontent.com/47105088/223893909-a5f6ad0b-277a-4536-8158-9fc302081131.png">

### 5. Piickle Me

<img src="https://user-images.githubusercontent.com/47105088/223893927-66b78377-9ee3-49ac-871d-a72d9321a663.png">

### 6. My Page

<img src="https://user-images.githubusercontent.com/47105088/223893939-73d8c9ad-170d-4239-8a7a-008e970109ab.png">

<br />


<!-- GETTING STARTED -->
## Getting Started

This is an example of how you may give instructions on setting up your project locally.
To get a local copy up and running follow these simple example steps.

### Installation

1. Clone the repo
```sh
git clone https://github.com/TeamPiickle/server.git
```
2. Install yarn packages
```sh
yarn
```
3. Enter your credentials in `.env`
4. Change git remote url to avoid accidental pushes to base project
```sh
git remote set-url origin TeamPiickle/server
git remote -v # confirm the changes
```

<p align="right">(<a href="#readme-top">back to top</a>)</p>



### Top contributors:

<a href="https://github.com/TeamPiickle/server/graphs/contributors">
<img src="https://contrib.rocks/image?repo=TeamPiickle/server" alt="contrib.rocks image" />
</a>



<!-- LICENSE -->
## License

Distributed under the MIT License. See `LICENSE.txt` for more information.

<p align="right">(<a href="#readme-top">back to top</a>)</p>



<!-- CONTACT -->
## Contact

Kayoung Yoon - [email protected]

Project Link: [https://github.com/TeamPiickle/server](https://github.com/TeamPiickle/server)

<p align="right">(<a href="#readme-top">back to top</a>)</p>




<!-- MARKDOWN LINKS & IMAGES -->
<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->
[contributors-shield]: https://img.shields.io/github/contributors/TeamPiickle/server.svg?style=for-the-badge
[contributors-url]: https://github.com/TeamPiickle/server/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/TeamPiickle/server.svg?style=for-the-badge
[forks-url]: https://github.com/TeamPiickle/server/network/members
[stars-shield]: https://img.shields.io/github/stars/TeamPiickle/server.svg?style=for-the-badge
[stars-url]: https://github.com/TeamPiickle/server/stargazers
[issues-shield]: https://img.shields.io/github/issues/TeamPiickle/server.svg?style=for-the-badge
[issues-url]: https://github.com/TeamPiickle/server/issues
[license-shield]: https://img.shields.io/github/license/TeamPiickle/server.svg?style=for-the-badge
[license-url]: https://github.com/TeamPiickle/server/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/linkedin_username
[product-screenshot]: images/screenshot.png

0 comments on commit 9a42445

Please sign in to comment.