4주차 과제 (4th Project)

주문내역 관리 어드민 페이지 구현(Order List Management Page)

• Here is the demo.
• Peer Learning(Code reviews and feedbacks in Pull-request tab)

📑Table of Contents

• Features
• Technologies
• Setup

✨ Features

• Order list Pagination
• Sort by order id, transaction time
• Filter by status
• Search by customer name
• Test code with Vitest and RTL(React Testing Library)

🔨 Technologies

• Framework: React(Vite), Typescript(Javascript)
• Routing: react-router-dom@v6
• State management: react-query
• Code Formatting: ESLint
• Styling: Chakra UI
• Test Framework: Vitest, RTL(React Testing Library)

💻 Setup

To run this project, install it locally using npm:

git clone https://github.com/jiwonmik/pre-onboarding-9th-4-2.git
cd pre-onboarding-9th-4-2
npm install
npm run dev

🙋🏻‍♀️ 팀원 구성표 (Team Members)

이지연	오강산	최은서	최선재
김지원	한지은	오혁상	오준석

⚙️ commit convention

Tag Name	Description
feat	새로운 기능 추가
design	UI style 변경
refactor	코드 리팩토링
fix	에러, 버그 수정
docs	문서수정
chores	기타 수정사항