Colorist는 컬러 팔레트와 조합을 관리하고 검색할 수 있는 웹 애플리케이션입니다.
이 프로젝트를 실행하려면, 먼저 다음과 같은 사항이 필요합니다.
Node.js가 설치되어 있어야 합니다.
- 이 레포지토리를 클론합니다.
git clone https://github.com/lisohh/Colorist-frontend.git- 프로젝트 폴더로 이동한 후, 의존성 패키지를 설치합니다.
cd Colorist-frontend
npm install- 프로젝트를 실행합니다.
npm start- 브라우저에서 http://localhost:3000으로 접속하여 Colorist를 사용할 수 있습니다.
- 로그인 및 회원가입 기능
- 사용자 프로필 관리 기능 (프로필 이미지 업로드 등)
- 색상 선택 기능 (색상 팔레트 및 HEX 코드 입력)
- 색상 조합 추천 기능 (색상 팔레트 및 색상 조합 저장 및 불러오기)
- 다른 사용자가 만든 색상 팔레트 및 조합 검색 기능
- React.js: 컴포넌트 기반 UI 구현, 가상 DOM을 사용한 효율적인 렌더링, 상태 관리 (useState, useContext 등) 등
- React Router: 라우팅 기능 구현 (로그인, 회원가입, 프로필 페이지, 색상 팔레트 및 조합 페이지 등)
- Axios: API 요청 및 응답 처리 (로그인, 회원가입, 프로필 관리, 색상 팔레트 및 조합 CRUD 등)
- Styled Components: CSS-in-JS 방식의 스타일링 (컴포넌트 기반 스타일링, ThemeProvider 사용 등)
- React Icons: 다양한 아이콘 사용 (로그인, 회원가입, 검색 등)
- React Toastify: 토스트 메시지 기능 구현 (로그인, 회원가입, 색상 팔레트 및 조합 CRUD 등)
Lisoh (Sohyun Lee) - Github[https://github.com/lisohh]
이 프로젝트는 MIT 라이선스를 따릅니다. 자세한 내용은 LICENSE.md를 참조하세요.
Flat UI Colors - Color palette inspiration Coolors - Color scheme generator Color Hunt - Color inspiration and trends Unsplash - Beautiful, free images and photos