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)|