Git Product home page Git Product logo

marketkurly's Introduction

Kurly 어플리케이션 클론 프로젝트(Front-end)

프로젝트 소개🚨

  • 새벽배송으로 유명한 Kurly 어플리케이션의 클론 프로젝트

개발 기간📆

  • 2020/10/16 ~ 2020/11/6(3 Weeks)

구성원 👨‍💻

  • 프론트엔드 4명
  • 백엔드 2명

개발 목적🏁

  • React Native의 활용
  • React.js(functional components)를 통한 프론트엔드 개발
  • Hooks의 적용
  • Redux(Thunk)를 통한 상태관리
  • Stlyed Component의 적용
  • git을 통한 프론트엔드와 백엔드의 협업 경험

사용 기술

  • React.js(Functional components)
  • React Native
  • Styled components
  • RESTful API
  • Redux-Thunk
  • Git

주요 구현 기능

1) 📄 회원가입 / 로그인 페이지

  • Modal login
  • 이메일 및 패스워드 양식 확인 기능
  • 회원가입 기능(약관 동의 및 특정 조건)
  • SNS 로그인 기능

2) 📄 메인페이지

  • Horizon slide 상품 컴포넌트
  • 특정스크롤 위치에서 나오는 버튼(클릭시 상단이동)

3) 📄 검색페이지

  • 자연어처리된 데이터의 검색 기능
  • 검색단어의 유무에 따라 취소버튼의 출현

3) 📄 상품페이지

  • 상품 카테고리에 따른 컴포넌트의 재활용
  • 배송종류, 제품의 상태에 따른 filter 구현
  • 상품의 할인 유무에 따른 조건부 렌더링
  • 디테일 페이지 내의 네비게이션
  • 후기 작성 기능

4) 📄 장바구니

  • login 계정의 Auth 기능
  • 특정 아이템의 장바구니 추가 및 삭제
  • 상품 내 옵션의 존재에 따른 조건부 렌더링

marketkurly's People

Contributors

jjwlsdk avatar kangyejiii avatar sangkuoh avatar joyfuljoeunlee avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.