codestates-seb / seb43_main_009 Goto Github PK
View Code? Open in Web Editor NEW본인의 알러지 입력을 기반으로 한 약 검색서비스
Home Page: https://www.dowajoyak.store
본인의 알러지 입력을 기반으로 한 약 검색서비스
Home Page: https://www.dowajoyak.store
: 검색 결과에 약의 정보를 띄울 수 있다.
->약의 정보는 "식품의약품안전처_의약품개요정보(e약은요)" OpenAPI를 사용하여 가져온다.
-> 가져오는 출력값은 제품명, 회사명, 효능, 복용 방법, 사용상 주의사항, 사용하는 동안 주의해야 할 약이나 음식, 약 이미지이다.
-> 사용자 맞춤 설정을 한 유저는 유저 주의사항 데이터를 활용하여 위에서 가져온 사용하는 동안 주의해야 할 약과 대조하여 존재한다면 함께 출력한다.
: 회원가입 페이지 UI 구성
: 로그인 여부에 상관없이 검색할 수 있다.
-> 회원 맞춤 설정을 한 회원이 로그인을 했다면 검색 결과에 회원의 정보를 반영할 수 있을 것이다.
: 도와조약 로그인 화면에서 Google Oauth 컴포넌트를 통해 Google 계정으로 로그인 할 수 있다.
: 로그인 여부에 관계없이 커뮤니티에 작성된 전체 글을 볼 수 있다.
-> 글 미리보기는 제목, 작성자, 작성 시간으로 구성되어 있다.
-> 전체 글은 페이지네이션으로 구성한다.
: API 명세서를 작성한다.
Sibebar에서 로그인 시 '{userId}님 안녕하세요. 도와조약에 오신걸 환영합니다.' Text 문구 나오는 기능 구현
공통 컴포넌트 Sidebar UI
: 이메일, 이름, 비밀번호를 입력하여 회원가입을 할 수 있다.
-> 이메일과 비밀번호는 유효성 검사를 진행한다.
-> 비밀번호는 암호화를 거친다.
-> 회원 가입이 되어 있는 지 검사한다.
: 로그인한 유저만 글 작성 페이지로 넘어올 수 있다.
: 제목과 내용을 빈 칸으로 POST 할 수 없다.
: Google 계정으로 회원가입을 할 수 있다.
->회원 가입이 되어 있는 지 검사한다.
: 로그인 한 유저는 마이페이지를 볼 수 있다.
-> 회원 탈퇴와 내 정보 수정이 가능하다.
-> 내 정보 수정에서도 회원 맞춤 설정을 다시 할 수 있다.
: DB table - ERD를 작성한다.
Sidebar에서
할 수 있는 text 구현
: Google 계정을 통한 로그인을 할 수 있다.
: Figma를 통해 UI/UX 폼을 작성한다.
: 로그인한 사용자가 맞춤 추천을 이용하여 설정을 완료하면 필요한 영양소와 영양소에 대한 코멘트,
추천 영양제 이미지와 영양제 정보를 보여줄 수 있다.
-> 맞춤 추천을 완료한다면 그 데이터는 사용자 DB에 저장한다.
: 제목, 내용, 작성자, 작성 시간, 댓글 목록을 볼 수 있다.
-> 글을 작성한 userId와 로그인한 userId가 같다면 글을 삭제 또는 수정할 수 있다.
: 도와조약 로그인 페이지에서 자체 로그인을 할 수 있다.
: 도와조약 홈페이지에서 회원가입한 유저는 기입한 이메일과 비밀번호를 통해 로그인 할 수 있다.
: 로그인 된 유저는 신체적 걱정 옵션 한 개와 알러지 옵션 한 개를 선택하여 회원 맞춤 설정을 완료할 수 있다.
→ 옵션 선택 1 : 걱정되는 신체 질환 옵션 5개의 보기 중 1개의 선택지만 선택할 수 있다.
→ 선택 완료시 옵션 선택 2로 넘어갈 수 있다.
→ 옵션 선택 2 : 내가 갖고 있는 알러지나 걱정되는 성분 옵션 5개의 보기 중 1개의 선택지만 선택할 수 있다.
: 회원가입 페이지에서 ID, PWD, Email 입력 후 회원가입하는 기능 구현
: Google ID로 회원가입 할 수 있는 Google Oauth 구현
: 댓글은 내용, 작성자, 작성시간을 볼 수 있다.
: 로그인 여부에 따라 댓글을 작성할 수 있다.
-> 댓글은 내용만 작성할 수 있다.
-> 내용을 빈 칸으로 POST 할 수 없다.
-> 댓글을 작성한 userId와 로그인한 userId가 같다면 댓글을 삭제 또는 수정할 수 있다.
: Login 화면 UI구성
: 사용자 요구 사항 정의서를 작성한다.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.