Giter VIP home page Giter VIP logo

project-pily-client's Introduction

일상을 기록하다. Pily imogi

pily-logo

일상의 순간들을 기록하세요.

커피가 맛있는 카페 리스트 탐방기, 나만의 러닝 코스 등을 기록할 수 있습니다.

순간들을 매거진으로 발행하세요

기록한 일상들을 선택하여 나만의 감성 충만한 매거진으로 엮을 수 있습니다.


version WIKI




💡 Install

npm install  or  yarn install

💡 Usage

npm start  or  yarn start



🛠 Tech Stack


Front-End

typescript react react-router redux react-spring react-quill antd styled-component


Back-End

Typescript NodeJS Express Sequelize multer Passport


특징

  • 소셜로그인을 이용한 닉네임만 저장하여 유저관리

  • 일상을 별점 및 카카오 맵을 이용하여 피드로 기록

  • 매거진에 대한 좋아요 기능과 해당 유저 구독 기능

  • 페이지네이션 기법을 기반으로 검색결과 출력




tech stack img


화면 구성

그림.jpg 그림.jpg
메인 페이지 로그인 페이지
피드 작성하는.gif 매거진 작성하는.gif
피드 작성 페이지 매거진 작성 페이지
매거진 검색.jpg 그림.jpg
매거진 검색 페이지 매거진 디테일 페이지
사이드 메뉴 기능들을 보여주는.gif
마이 페이지



💪🏼 Contributors

😀 강한결

  • 나란 남자

  • '나'에게 '강한결'이란?

    • 최서우 :

😀 최서우

  • 나란 남자
  • '나'에게 '최서우'란?

😀 윤정기

  • 나란 남자

  • '나'에게 '윤정기'란?

    • 최서우 : 모르는 것이 생긴다면 즉각적으로 물어볼 수 있는 용기를 지닌 나완 많이 다른 도플갱어.

😀 황대성

  • 나란 남자

  • '나'에게 '황대성'이란?

    • 최서우 : 메인딜러 포지션을 맡아 팀원이지만 팀을 이끌어줌.

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.