+ AS : Add ( ) Skills!

+ AS는 기획자, 디자이너, 개발자가 서로가 가진 스킬을 공유하며 함께 성장할 수 있도록 청춘들을 매칭해주는 React Native 기반 하이브리드 앱입니다.

주요 기능

1. 스플래시 / 회원가입 / 로그인 : 프로필 카드 생성을 위한 회원가입 및 로그인

스플래시	회원가입	로그인

2. 온보딩 : 작성한 기본 정보, 나의 스킬 및 더하고 싶은 스킬, 소개를 토대로 프로필 카드 생성

기본 정보	나의 스킬	더하고 싶은 스킬	소개	생성된 프로필 카드

3. 유저 매칭 : 프로필 카드 생성시 선택한 나의 스킬 및 더하고 싶은 스킬을 토대로 유저 탐색 및 1:1 매칭

홈	다른 유저 프로필 카드	매칭 요청	매칭 요청 완료

제안 받은 매칭	다른 유저 프로필 카드	매칭 수락	매칭 거절

기술 스택

기술	목적	플랫폼
React	UI 라이브러리	Web
React Native	크로스 플랫폼 모바일 앱 개발	Mobile
TypeScript	타입 안정성	Web, Mobile
Vite	빌드 도구 및 개발 서버	Web
Expo	React Native 개발 플랫폼	Mobile
React Router	클라이언트 사이드 라우팅	Web
TanStack Query	서버 상태 관리 및 데이터 페칭	Web
Axios	HTTP 클라이언트	Web
Tailwind CSS	유틸리티 기반 CSS 프레임워크	Web

브랜치 전략

브랜치 타입

브랜치	목적
main	프로덕션 배포
develop	개발 통합
feature/*	기능 개발

개발 환경 실행 방법

1. web

cd web
npm install
npm run dev

2. mobile

cd mobile
npm install
npx expo start

사전 준비

• 레포지토리 클론
• 환경 변수(.env.*)설정
• 개발 환경 실행에 앞서 테스트용 android 이뮬레이터 또는 ios 시뮬레이터 실행 필요

native 라이브러리 설치

expo sdk 버전에 호환되는 라이브러리 버전 설치

npx expo install <라이브러리명>