Giter VIP home page Giter VIP logo

30-2nd-readme-frontend's Introduction

README

  • 책과 사람을 읽습니다, README
  • 짧은 프로젝트 기간, 적은 인원으로 개발에 집중해야 하므로, 디자인/기획 부분만 모티브 삼아 진행했습니다.
  • 개발은 초기 세팅부터 전부 직접 구현했으며, 아래 데모 영상에서 보이는 부분은 모두 백앤드와 연결하여 진행하였습니다.

프로젝트 기간

2022.03.14.월 ~ 2022.03.25.금

프로젝트 참여 인원

프론트 엔드 : 김준영, 이희수, 한영현 백엔드 : 김지성, 김광일, 임정찬

필수 구현 사항

  1. 소셜로그인 (회원가입 / 로그인)
  2. 메인페이지
  • 슬라이드, 전체 카테고리 보기(별도의 페이지로 분리하지 않음)
  • 상품 리스트 - 체크박스, 필터링, 페이지네이션 (메인페이지와 합치는 것을 고려)
  1. 도서 상세페이지 - 더보기(페이지네이션), 리뷰,
  2. 장바구니 - 체크박스

구현 파트

  1. 김준영 : Login/SignUp
  2. 이희수 : Main
  3. 한영현 : Detail/Cart

추가 구현 사항

  1. 구독 서비스 (셀렉트)
  2. 위시 리스트
  3. 구매 페이지
  4. admin
  5. 검색 기능
  6. 대여 기능
  7. 도서 미리보기(파일을 주고 받기)
  8. 상세 페이지 - 정렬, 전권 구매, 선택 구매, 구매시 [구매버튼]이 [보기버튼]으로 바뀜
  9. 구매 페이지

적용 기술

  • Common

  • Frontend

Reference

이 프로젝트는 RIDIBOOKS 사이트를 참조하여 학습목적으로 만들었습니다.
실무수준의 프로젝트이지만 학습용으로 만들었기 때문에 이 코드를 활용하여 이득을 취하거나 무단 배포할 경우 법적으로 문제될 수 있습니다.
이 프로젝트에서 사용하고 있는 사진 대부분은 위코드에서 구매한 것이므로 해당 프로젝트 외부인이 사용할 수 없습니다.

30-2nd-readme-frontend's People

Contributors

younghyunhan avatar we-dohyeon avatar junzerokim avatar heesoolee72 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.