Update README.md

Author: yummjin

README.md

@@ -1 +1,51 @@
-# KGU VOTE SYSTEM : TOOK
+<div align="center">
+
+<img alt="demo" src="https://github.com/user-attachments/assets/a266f9b9-aac5-461a-ab31-a0ad5076703d" height="500">
+<img height="500" alt="투표화면 선택시" src="https://github.com/user-attachments/assets/184483f4-1b79-46e7-86c5-930e5c2208a6" />
+
+<br/>
+<br/>
+<br/>
+
+<img width="160" alt="took!" src="https://github.com/user-attachments/assets/da94e007-3010-4619-b36f-e15f61edeee9" />
+
+<br/>
+<br/>
+<br/>
+
+![](https://img.shields.io/badge/9oormthon__univ-kgu-blue) ![](https://img.shields.io/github/contributors/KGU-Vote-System/Client) ![](https://img.shields.io/github/last-commit/KGU-Vote-System/Client)
+
+</div>
+
+## Introduction
+
+**Took!** 은 교내 학생회 선거를 더욱 편리하게 할 수 있도록 돕는 블록체인 기반 전자 투표 웹 서비스에요.
+
+- klaytn을 사용한 암호화를 통해 선거 과정 및 결과를 조작할 수 없도록, 정정당당한 선거가 가능하도록 해요.
+- 관리자 모드에서 쉽게 투표를 생성하고 관리할 수 있으며, 공지사항을 작성 및 수정할 수 있어요.
+- 학생 모드에서 지난 투표 결과를 확인하고, 투표에 참여하며 공지사항을 조회할 수 있어요.
+- 카카오톡 소셜 로그인 및 lms와 연결된 로직을 통해 학생 인증을 거쳐 서비스에 가입해요.
+
+## Getting Started (dev mode)
+
+```
+pnpm install
+pnpm run dev
+```
+
+## Stacks
+
+<img width="196" height="50" alt="image" src="https://github.com/user-attachments/assets/bc3d5e18-f204-4744-af5f-9517785ee707" />
+<br/>
+
+![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=flat-square&logo=Typescript&logoColor=white)
+![React](https://img.shields.io/badge/React-61DAFB?style=flat-square&logo=react&logoColor=black)
+![TailwindCss](https://img.shields.io/badge/TailwindCSS-06B6D4?style=flat-square&logo=tailwindcss&logoColor=white)
+![Framer](https://img.shields.io/badge/Framer-0055FF?style=flat-square&logo=framer&logoColor=white)
+![PWA](https://img.shields.io/badge/PWA-5A0FC8?style=flat-square&logo=pwa&logoColor=white)
+
+## Contributors
+
+<a href = "https://github.com/KGU-Vote-System/Client/graphs/contributors">
+  <img src = "https://contrib.rocks/image?repo=KGU-Vote-System/Client"/>
+</a>