diff --git a/README.md b/README.md index 6eaaf0d..115c70f 100644 --- a/README.md +++ b/README.md @@ -1 +1,62 @@ -rankit에서 랭킹을 확인해보세요~ +
+ +![image](https://github.com/user-attachments/assets/2b02c2c5-15bf-45c8-a96d-04c990d69d97) + + +
+ + +## 📝 repo 소개 +https://www.rankit.run/ 서비스의 FE repo 입니다. +pc와 모바일 환경을 제공합니다. + +
+ +### ✨ 주요 기능 + +|홈화면| +|:---:| +|![image](https://github.com/user-attachments/assets/a0dc5455-9c29-4053-82e2-55d0c72246c6)| + +|뱃지 이미지 ( 등록되지 않은 유지 )| +|:---:| +|![image](https://github.com/user-attachments/assets/58619534-2ff4-4179-9e06-df1882430943)| + +|마이페이지| +|:---:| +|![image](https://github.com/user-attachments/assets/6285fe69-17fb-4ace-ae43-fa1ecc842804)| + +
+ +## ⚙ 기술 스택 + + +### Framework +![next.js](https://img.shields.io/badge/Next.js-000000?style=flat-square&logo=Next.js&logoColor=white) + +### language +![ts](https://img.shields.io/badge/Typescript-3178C6?style=flat-square&logo=Typescript&logoColor=white) + +### Data Fetching + +### Deploy +![vercel](https://img.shields.io/badge/Vercel-000000?style=flat-square&logo=Vercel&logoColor=white) + +### Tools +![Ai](https://img.shields.io/badge/Adobe%20Illustrator-FF9A00?style=flat-square&logo=Adobe%20Illustrator&logoColor=white) +![Ps](https://img.shields.io/badge/Adobe%20Photoshop-31A8FF?style=flat-square&logo=Adobe%20Photoshop&logoColor=white) +
+ +## 🤔 기술적 이슈와 해결 과정 +- 깃허브 리드미 캐싱 이슈 + - [readme 캐싱 문제](https://www.notion.so/github-readMe-107a47c63b1680c787a8c3ed3c784a38?pvs=4) + +
+ +## 🏃🏃‍♂🏃‍♀🏃 프로젝트 팀원 + + +|Frontend|Frontend|Backend|Backend| +|:---:|:---:|:---:|:---:| +|![](https://avatars.githubusercontent.com/u/127329855?v=4)|![](https://avatars.githubusercontent.com/u/102500033?v=4)|![](https://avatars.githubusercontent.com/u/38220795?v=4)|![](https://avatars.githubusercontent.com/u/138199219?v=4)| +|suwonthugger [깃허브 방문](https://github.com/suwonthugger)|jamooooong [깃허브 방문](https://github.com/jamooooong)|Khyojun [깃허브 방문](https://github.com/khyojun)|odls [깃허브 방문](https://github.com/Oodls)|