Git Product home page Git Product logo

calendar-dayjs's Introduction

Color Diary

Log your life with colors.

FE

  • React + TS
  • Use Container-Presenter pattern
  • styled-components

BE

  • Express
  • MongoDB and mongoose

Featuers

  • Infinity scrolling(?)

Routers

  • Home(Login, or not)

    • calendar
    • LoggedIn: show colors log for months or year(user can change)
      • each color log is circle
      • dot 형식에서 다른 형식으로 설정 가능하도록
    • Dark mode toggle(in setting page?)
  • Login

    • Google, Naver, and Kakao OAuth
  • Sign up

  • Diary Detail page

    • In this page, add Log Delete & Edit function
  • Upload Diary

    • upload multiple images (or videos?)
    • write text
    • choose color representing today
      • provide color panel or color candidates(+ related feeling in text: user can change)
  • setting

    • user setting(user profile)
    • decoration setting

componentDidMount 에서 Loader 지우기 main content max-width = 1000px

Calendar

  • use dayjs
  • year and month click해서 year, month 선택할 수 있게
  • calendar에서 date click => 그 날 작성한 diary로 이동

calendar-dayjs's People

Contributors

hjunyoung avatar

Watchers

 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.