🧮 UnitMate - CSS 단위 변환

2023.12.05 ~ 2024.01.23

📋 Table of Contents

• 👀 Introduction
  • 🌟 Key Features
  • ✨ Additional Features
  • 🖥️ Reference Sites
• 🙌 About the Projects
  • 🛠️ Stacks
  • 🔗 URL
  • 🗃️ Documentation
  • 📅 Duration
  • 👥 Team Members
• 🪄 Getting Started
  • ⚙️ Setup
  • 📦 Installation
  • 🚀 Usage
  • 🌐 Deployment

👀 Introduction

UnitMate는 CSS 단위 계산기 토이 프로젝트입니다.
주요 목적은 단위 간 변환과 기본 계산을 편리하게 수행하여 빠르고 정확한 CSS 작업을 지원하는 것입니다.

🌟 Key Features

• 일반 계산기
• PX ↔️ 퍼센트 단위 변환
• PX ↔️ VW | VH 단위 변환
• PX ↔️ EM | REM 단위 변환

✨ Additional Features

• 계산 히스토리 및 북마크
• 다크/라이트 모드 + 컬러 테마

🖥️ Reference Sites

• 퍼센트 계산기
• VW 계산기
• REM 계산기

🙌 About the Projects

🛠️ Stacks

Configuration	Stacks
Environment
Config
Development
CI/CD
Communication

🔗 URL

• STAGE https://dev-unit-mate.vercel.app/
• PROD https://unit-mate.vercel.app/

🗃️ Documentation

• 화면 설계서
• 디자인 시안
• 이슈 관리
• 협업 문서

📅 Duration

Phase	Period
🧠 기획	2023.12.05 ~ 2023.12.27
🎨 디자인	2023.12.28 ~ 2024.01.01
💻 개발	2024.01.03 ~ 2024.01.15
🚦 QA	2024.01.16 ~ 2024.01.22

👥 Team Members

Role	Name
🧑‍💼 기획	@hyowon2
🧑‍🎨 디자인	@seokieee2
🧑‍💻 개발	@ds92ko @chaeYoung @JinEunju

🪄 Getting Started

⚙️ Setup

$ git clone https://github.com/ds92ko/unit-mate.git
$ cd unit-mate

📦 Installation

$ npm install

🚀 Usage

$ npm run dev

🌐 Deployment

npm run build