Skip to content

Commit

Permalink
πŸ“: GitHubμ—μ„œ μˆ˜μ •ν•œ README.md μž…λ‹ˆλ‹€.
Browse files Browse the repository at this point in the history
GitHubμ—μ„œ μˆ˜μ •ν•œ 컀밋 μž…λ‹ˆλ‹€.
  • Loading branch information
4BFC authored Nov 13, 2024
1 parent 666820a commit 146f351
Showing 1 changed file with 128 additions and 45 deletions.
173 changes: 128 additions & 45 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,6 @@
# Your-Side
<img src="./src/Global/image/logo.png" alt="alt text" width="300px">

<br>

# List
<details close>
<summary>λͺ©μ°¨</summary>
Expand All @@ -17,7 +15,7 @@
<li><a href="#team-document">Team-Document</a></li>
</ul>
</li>
<li><a href="#develop">Develop</a>
<li><a href="#front-develop">Front-Develop</a>
<ul>
<li><a href="#front-skill">Front-Skill</a></li>
<li><a href="#code-quality-and-formatting">Code Quality and Formatting</a></li>
Expand All @@ -27,13 +25,15 @@
</li>
<li><a href="#web-page-preview">Web Page Preview</a>
<ul>
<li><a href="#main-page">Main Page</a></li>
<li><a href="#login-page">Login/SignUp Page</a></li>
<li><a href="#my-page">My Page</a></li>
<li><a href="#contractreview-page">ContractReview Page</a></li>
<li><a href="#workarrangement-page">WorkArrangement Page</a></li>
<li><a href="#questionandanswer-page">QuestionAndAnswer Page</a></li>
<li><a href="#modal">Modal</a></li>
<li><a href="#main-page">메인 νŽ˜μ΄μ§€(Main Page)</a></li>
<li><a href="#login-page">둜그인 νŽ˜μ΄μ§€(Login Page)</a></li>
<li><a href="#signup-page">νšŒμ›κ°€μž… νŽ˜μ΄μ§€(SignUp Page)</a></li>
<li><a href="#my-page">λ§ˆμ΄νŽ˜μ΄μ§€(My Page)</a></li>
<li><a href="#contractreview-page">λ‚΄ κ³„μ•½μ„œ κ²€ν†  νŽ˜μ΄μ§€(ContractReview Page)</a></li>
<li><a href="#workarrangement-page">λ‚΄ 근둜 정리 νŽ˜μ΄μ§€(WorkArrangement Page)</a></li>
<li><a href="#postingQnA-page">κ²Œμ‹œκΈ€ μž‘μ„± νŽ˜μ΄μ§€(PostingQnA)</a></li>
<li><a href="#questionandanswer-page">λ„€νŽΈ ν˜„λ‹΅ νŽ˜μ΄μ§€(QuestionAndAnswer Page)</a></li>
<li><a href="#modal">λͺ¨λ‹¬(Modal)</a></li>
</ul>
</li>
<li><a href="#project-contributors">Project Contributors</a>
Expand All @@ -47,57 +47,79 @@
</ul>
</details>

<br>

## Your-SideλŠ” λ„€νŽΈ μž…λ‹ˆλ‹€.
# Your-SideλŠ” λ„€νŽΈ μž…λ‹ˆλ‹€.
κ·Όλ‘œκ³„μ•½μ„œ κ²€ν†  λ„ˆλ¬΄ μ–΄λ €μš°μ‹ κ°€μš”?

λ‚˜λŠ” μ§€κΈˆ μ•Œλ§žμ€ 월급을 λ°›κ³  μžˆμ„κΉŒμš”?

μ„Έμ„Έν•œ κ·Όλ‘œλ²•μ΄ μ–΄λ €μš΄ ***β€˜λ„€νŽΈβ€™*** 이 λ˜μ–΄μ€„ [λ„€νŽΈ](https://your-side.vercel.app/ "Your-Side-Web")μ—μ„œ ν™•μΈν•΄μ„Έμš”!

## Project-ν•œμ€„ν‰
- 4Bee/κΉ€λ™μš° : μš°μ—¬κ³‘μ ˆμ΄ λ§Žμ•˜μ§€λ§Œ λκΉŒμ§€ ν”„λ‘œμ νŠΈλ₯Ό 마칠 수 μžˆμ–΄μ„œ νŒ€μ›λ“€κ³  κΈ°λ‹€λ €μ€€ λ§Žμ€ λΆ„λ“€κ²Œ κ°μ‚¬ν•˜λ‹€κ³  μ „ν•˜κ³  μ‹ΆμŠ΅λ‹ˆλ‹€. μ•žμœΌλ‘œ μžˆμ„ 버전 2도 μ—΄μ‹¬νžˆ μ€€λΉ„ν•΄μ„œ 쒋은 λͺ¨μŠ΅ λ³΄μ—¬λ“œλ¦¬ κ² μŠ΅λ‹ˆλ‹€.
- 4Bee/κΉ€λ™μš° : μš°μ—¬κ³‘μ ˆμ΄ λ§Žμ•˜μ§€λ§Œ λκΉŒμ§€ ν”„λ‘œμ νŠΈλ₯Ό 마칠 수 μžˆμ–΄μ„œ νŒ€μ›λ“€κ³Ό κΈ°λ‹€λ €μ€€ λ§Žμ€ λΆ„λ“€κ²Œ κ°μ‚¬ν•˜λ‹€κ³  μ „ν•˜κ³  μ‹ΆμŠ΅λ‹ˆλ‹€. μ•žμœΌλ‘œ μžˆμ„ 버전 2도 μ—΄μ‹¬νžˆ μ€€λΉ„ν•΄μ„œ 쒋은 λͺ¨μŠ΅ λ³΄μ—¬λ“œλ¦¬ κ² μŠ΅λ‹ˆλ‹€.

- μž„ν˜œμ • : 열정적인 νŒ€μ›λ“€κ³Ό ν•¨κ»˜ 깊이 μžˆλŠ” ν˜‘μ—…μ„ κ²½ν—˜ν•  수 μžˆμ–΄ 정말 κ°μ‚¬ν–ˆμŠ΅λ‹ˆλ‹€. λ§ˆμ§€λ§‰κΉŒμ§€ λͺ©ν‘œλ₯Ό λ‹¬μ„±ν•΄κ°€λŠ” κ³Όμ •μ—μ„œ λ§Žμ€ κ±Έ λ°°μ› μŠ΅λ‹ˆλ‹€!

- μœ€μ˜ˆμ§„ : κΈ΄μž₯κ³Ό μ„€λ ˜ μ†μ—μ„œ 개인적인 μ„±μž₯κ³Ό μ‹€λ ₯ ν–₯μƒμ˜ 발판이 λ˜μ—ˆλ˜ 값진 μ—¬μ •μ΄μ—ˆμŠ΅λ‹ˆλ‹€. 버전 2μ—μ„œλŠ” λ”μš± 완성도 높은 λͺ¨μŠ΅μœΌλ‘œ 도전과 μ„±μ·¨λ₯Ό μ΄μ–΄κ°€κ² μŠ΅λ‹ˆλ‹€.

<br>

- μž„ν˜œμ • :
---

- μœ€μ˜ˆμ§„ :
<br>

## Project-Duration
- 2κ°œμ›”

## Contact
# Contact

## Web Link
<span id="contact">
<a href="https://discord.gg/S7rKVkXB" title="Your-side-Discord">
<img src="https://img.shields.io/badge/discord-5865F2?style=for-the-badge&logo=discord&logoColor=white" alt="Discord">
</a>
</span>

# Web Link
Web-Site
<div>
<div id="web-site">
<a href="https://www.notion.so/4bfc/77a113431d0c43afbd318f291c38a6e0" title="Your-Side-Notion">
<img src="https://img.shields.io/badge/YourSide-204598?style=for-the-badge&logo=google-chrome&logoColor=white" alt="YourSide">
</a>
</div>

Web-Front-Develop-Document
<div>
<div id="web-front-develop-document">
<a href="https://your-side-front-doc.vercel.app/" title="Your-Side-Develop-Document">
<img src="https://img.shields.io/badge/Document-212529?style=for-the-badge&logo=javascript&logoColor=#" alt="YourSide">
</a>
</div>

Team-Document
<div>
<a href="https://www.notion.so/4bfc/77a113431d0c43afbd318f291c38a6e0" title="Your-Side-Notion">
<img src="https://img.shields.io/badge/notion-black?style=for-the-badge&logo=notion&logoColor=white" alt="Notion">
</a>
<a href="https://github.com/HSU-Likelion12-yourSide" title="Your-side-GitHub">
<img src="https://img.shields.io/badge/github-333333?style=for-the-badge&logo=github&logoColor=white" alt="GitHub">
</a>
<a href="https://www.figma.com/design/TDsnsYM8pnk7EhgJrvYMwp/2024-%EB%B6%80%EA%B8%B0%ED%86%A4-%EB%84%A4%ED%8E%B8-%EC%99%80%EC%9D%B4%EC%96%B4%ED%94%84%EB%A0%88%EC%9E%84?t=mrFVdoDi8mEejn1z-0" title="Your-side-Figma">
<img src="https://img.shields.io/badge/Figma-FE5196?style=for-the-badge&logo=Figma&logoColor=black" alt="Figma">
</a>
<a href="https://discord.gg/S7rKVkXB" title="Your-side-Discord">
<img src="https://img.shields.io/badge/discord-5865F2?style=for-the-badge&logo=discord&logoColor=white" alt="Discord">
</a>
<div id="team-document">
<span>
<a href="https://www.notion.so/4bfc/77a113431d0c43afbd318f291c38a6e0" title="Your-Side-Notion">
<img src="https://img.shields.io/badge/notion-black?style=for-the-badge&logo=notion&logoColor=white" alt="Notion">
</a>
</span>
<span>
<a href="https://github.com/HSU-Likelion12-yourSide" title="Your-side-GitHub">
<img src="https://img.shields.io/badge/github-333333?style=for-the-badge&logo=github&logoColor=white" alt="GitHub">
</a>
</span>
<span>
<a href="https://www.figma.com/design/TDsnsYM8pnk7EhgJrvYMwp/2024-%EB%B6%80%EA%B8%B0%ED%86%A4-%EB%84%A4%ED%8E%B8-%EC%99%80%EC%9D%B4%EC%96%B4%ED%94%84%EB%A0%88%EC%9E%84?t=mrFVdoDi8mEejn1z-0" title="Your-side-Figma">
<img src="https://img.shields.io/badge/Figma-FE5196?style=for-the-badge&logo=Figma&logoColor=black" alt="Figma">
</a>
</span>
</div>
<br>
<br>

---
<br>

# Develop
# Front-Develop
<div>
<h3>Front-Skill</h3>
<div>
Expand All @@ -111,10 +133,12 @@ Team-Document
<img src="https://img.shields.io/badge/.env-ECD53F?style=for-the-badge&logo=.env&logoColor=black">
<img src="https://img.shields.io/badge/axios-5A29E4?style=for-the-badge&logo=axios&logoColor=white">
<img src="https://img.shields.io/badge/react router-CA4245?style=for-the-badge&logo=react router&logoColor=white">
<br>
</div>

<h3>Configuration and PackageManager</h3>
<div>
<img src="https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white">
<img src="https://img.shields.io/badge/git-F05032?style=for-the-badge&logo=git&logoColor=black">
<img src="https://img.shields.io/badge/sourcetree-0052CC?style=for-the-badge&logo=sourcetree&logoColor=white">
</div>

<h3>Code Quality and Formatting</h3>
Expand All @@ -128,7 +152,8 @@ Team-Document
<h3>Tool</h3>

<div>
<img src="https://img.shields.io/badge/github-333333?style=for-the-badge&logo=github&logoColor=white">
<img src="https://img.shields.io/badge/postman-FF6C37?style=for-the-badge&logo=postman&logoColor=white">
<img src="https://img.shields.io/badge/sourcetree-0052CC?style=for-the-badge&logo=sourcetree&logoColor=white">
<img src="https://img.shields.io/badge/notion-black?style=for-the-badge&logo=notion&logoColor=white">
<img src="https://img.shields.io/badge/Figma-FE5196?style=for-the-badge&logo=Figma&logoColor=black">
<img src="https://img.shields.io/badge/discord-5865F2?style=for-the-badge&logo=discord&logoColor=white">
Expand All @@ -143,29 +168,87 @@ Team-Document
<br>
<br>

---
<br>

# Web Page Preview
> Testλ₯Ό κΈ°μ€€μœΌλ‘œ 찍은 μ˜μƒμž…λ‹ˆλ‹€.
### 메인 νŽ˜μ΄μ§€(Main Page)

<div id="main-page">
<img src="https://github.com/user-attachments/assets/fb7f053a-1298-4ca0-b3b3-1d947fabb96c" alrt="Main" width="600" />
</div>

### Main Page
### 둜그인 νŽ˜μ΄μ§€(Login Page)

### Login Page
<div id="login-page">
<img src="https://github.com/user-attachments/assets/4c193b41-f684-44d7-8b2e-8599d2148255" alrt="Login" width="600" />
</div>

### SignUp Page
### νšŒμ›κ°€μž… νŽ˜μ΄μ§€(SignUp Page)

### My Page
<div id="signup-page">
<img src="https://github.com/user-attachments/assets/0b5cfa7f-c4d6-4e0c-80d1-5694df19f5f2" alrt="SignUp" width="600" />
</div>

### ContractReview Page
### λ§ˆμ΄νŽ˜μ΄μ§€(My Page)

### WorkArrangement Page
- MyPage Menu
<div id="my-page">
<img src="https://github.com/user-attachments/assets/0f5ec60f-ffe1-49e7-b2e2-a4d524b6df71" alrt="MyPage-Menu" width="600" />
</div>
<br>

- MyPage Pagination
<div id="my-page">
<img src="https://github.com/user-attachments/assets/241a9786-1249-49d7-87fb-ead0c8e7ede3" alrt="MyPage-Pagination" width="600" />
</div>

### My Page
### λ‚΄ κ³„μ•½μ„œ κ²€ν†  νŽ˜μ΄μ§€(ContractReview Page)

### QuestionAndAnswer Page
<div id="contractreview-page">
<img src="https://github.com/user-attachments/assets/843af74a-5ec2-4580-b375-3ec74c20b874" alrt="contractreview" width="600" />
</div>

### λ‚΄ 근둜 정리 νŽ˜μ΄μ§€(WorkArrangement Page)

- WorkArrangement
<div id="workarrangement-page">
<img src="https://github.com/user-attachments/assets/92a8f2c0-cb90-4a56-bfce-3bdb05ca7789" alrt="WorkArrangement" width="600" />
</div>

### Modal
- WorkArrangement-input
<div id="workarrangement-page">
<img src="https://github.com/user-attachments/assets/9f4f9280-ab0d-4d2a-91b9-4915bbf746a9" alrt="WorkArrangement-input" width="600" />
</div>

### κ²Œμ‹œκΈ€ μž‘μ„± νŽ˜μ΄μ§€(PostingQnA)

<div id="postingQnA-page">
<img src="https://github.com/user-attachments/assets/8f3da9b1-84ee-4a09-a645-05d16d8788f7" alrt="PostingQnA" width="600" />
</div>

### λ„€νŽΈ ν˜„λ‹΅ νŽ˜μ΄μ§€(QuestionAndAnswer Page)

<div id="questionandanswer-page">
<img src="https://github.com/user-attachments/assets/7883c2e9-a5f6-4243-b488-0b10591f266e" alrt="QuestionAndAnswer" width="600" />
</div>

### λͺ¨λ‹¬(Modal)

<div id="modal">
<img src="https://github.com/user-attachments/assets/3aadaf25-4403-4307-9c1b-97fb640b4e31" alrt="Modal" width="600" />
</div>

<br>

---

<br>

## Project Contributors

# Project Contributors

### [Project Manager](https://www.instagram.com/)
| |
Expand Down

0 comments on commit 146f351

Please sign in to comment.