Code Monkey home page Code Monkey logo

reactnative_marketholly's Introduction

Project Name : Market Holly

클릭해서 영상으로 이동

Watch the video

Introduction

  • 마켓컬리 앱 분석 : 심플하고 깔끔한 UI를 가졌고 이커머스의 가장 기본적이며 중요한 제품 구매와 관련된 기능에 충실한 앱이다.
  • 개인적인 목표 : 기능 연습이 아닌 진짜 클론한다는 생각으로 앱을 100% 구현한다. 때문에 최대한 많은 라이브러리를 사용해본다, 마켓컬리에는 없는 메거진 형태의 페이지도 1개 만들어 적용해 본다.
  • 기간 : 2020년 12월 24일 (목) ~ 2020년 1월 8일(금), 16일간 진행
  • 개발 : 1인 / Xedni(https://velog.io/@xedni)

Technical stack

  • Framework: React Native
  • DataBase: FireBase, Async-Storage, Gist
  • Library: Redux, React-Navigation, React-native-mail, React-native-swiper, React-native-picker... 외 약 30개
  • Desigh: styled-components, react-native-vector-icons

Function

  • 레이아웃 및 디자인 : 카테고리 제외 전체 페이지
  • Google Login 기능(FireBase server 이용)
  • Swiper를 이용한 슬라이드 배너
  • Navigation을 이용한 스택 및 탭 기능
  • React-native-mail 를 이용한 문의하기 기능
  • Redux를 이용한 상품 상세 페이지 스택 기능
  • FlatList를 이용한 상품 리스트 기능
  • Filter, Includes를 이용한 상품 검색 기능
  • AsyncStorage를 이용한 장바구니 기능

reactnative_marketholly's People

Contributors

ryan-ahn 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.