YesHyeon / Manliveyoung-Server

🧴 MANLIVEYOUNG

Flutter를 이용해 개발한 남자화장품 추천 앱입니다.

노현
[e-mail]
Flutter 화면 개발 서버 및 DB구축 UI/UX 디자인

기술스택 👨🏻‍💻

• Flutter
• Dart
• Javascript
• Node.js
• Firebase Firestore

Firebase 구축 🎇

• User (id, password, nickname, usertype), Review (CosmeticName, SkinType, Star)
• Cosmetic (Name, Image, Type, Star, Review, Comment), UserFeedback(Nickname, Like)

1. 유저의 정보와 화장품의 데이터를 저장하기 위해 Firebase의 Firestore Database 저장소를 생성

2. 중복 유저를 방지하고, 보안을 강화하기 위해 Firebase의 Authentication을 이용

3. 컬렉션은 User, Cosmetic, Review, UserFeedback을 생성

Flutter 앱개발 💻

1. 전체적인 페이지를 먼저 개발한 뒤, Firebase 저장소와 연동하여 DB에 있는 내용을 적용
2. 데이터 형식은 JSON 형식을 유지하여, Rest API 기반으로 백엔드 서버와 소통하기 용이하도록 관리
3. 동적으로 적용되어야 하는 데이터는 setState로 관리해 실시간으로 데이터를 업데이트
4. 비동기처리를 통한 Firebase와의 연동
5. Github 저장소를 통해 기능별로 commit을 등록해 관리하고, 협업 진행

시연영상

1_.mp4

서버 실행방법

1. node 설치 https://nodejs.org/ko/
2. '기타/서버 env 파일' 폴더에 있는 env 파일을 서버 루트 폴더에 옮기기 (이름은 .env로 변경)
3. 터미널 입력창에 아래와 같이 입력하기

$ cd 폴더위치
$ node index.js"