📝 Doc(readme): Add readme

Author: ThePott

README.md

@@ -1,12 +1,55 @@
-# React + Vite
+# 🚀 스터디 트래커: 얼마나 배웠고 얼마나 익혔니
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+## 📖 소개
+스터디 트래커는 학생의 수업을 체계적으로 계획하고 점검하게 해주는 풀스택 웹 앱입니다
 
-Currently, two official plugins are available:
+백엔드 프로젝트는 아래의 링크에서 확인하세요
+https://github.com/ThePott/study-tracker-api-sql
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+## ✨ 주요 기능
+1. 칸반보드로 한 눈에 파악하는 전 숙제, 오늘 할 것, 새 숙제
+2. 현재 진행 상황을 한 눈에 볼 수 있는 진도표
+3. 복습할 문제를 체크하는 오답 체크
 
-## Expanding the ESLint configuration
+## 🧭 라우터 구조
+```
+/                   → 임시 로그인, 로그아웃 페이지
+/manage             → 임시 학생 관리 페이지
+/summary            → 수업 요약 페이지
+/progress           → 진도표 페이지
+/review-check       → 오답 체크 페이지
+```
 
-If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
+## 🛠️ 기술 스택
+
+### Frontend & Framework
+![React](https://img.shields.io/badge/react-19.1.0-61DAFB?style=for-the-badge&logo=react&logoColor=white)
+![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
+![React Router](https://img.shields.io/badge/React_Router-7.6.2-CA4245?style=for-the-badge&logo=react-router&logoColor=white)
+
+### UI & Styling
+![Material-UI](https://img.shields.io/badge/MUI-7.1.1-0081CB?style=for-the-badge&logo=mui&logoColor=white)
+![TailwindCSS](https://img.shields.io/badge/tailwindcss-4.1.8-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
+
+### State Management & Tools
+![Zustand](https://img.shields.io/badge/zustand-5.0.6-FF6B35?style=for-the-badge)
+![Axios](https://img.shields.io/badge/axios-1.10.0-5A29E4?style=for-the-badge&logo=axios&logoColor=white)
+
+### Development Tools
+![Vite](https://img.shields.io/badge/vite-6.3.5-646CFF?style=for-the-badge&logo=vite&logoColor=white)
+![ESLint](https://img.shields.io/badge/ESLint-9.25.0-4B3263?style=for-the-badge&logo=eslint&logoColor=white)
+
+
+
+## 📦 설치
+프로젝트를 설치하고 싶은 디렉토리에서 아래 명령어를 입력하세요
+```bash
+git clone https://github.com/ThePott/study-tracker
+cd study-tracker
+npm install
+```
+## ✅ 요구사항
+* Node.js
+
+## 📜 라이센스
+MIT