Giter Club home page Giter Club logo

mymo's Introduction

MyMo

오프라인-온라인 동기화 가능한 메모📝 어플리케이션 입니다:)

구현 환경

  • macOS Ventura 13.3.1
  • Xcode 14.1

테스트 기기

  • iPhone 14 Pro Max (iOS 16.1) simulator
  • iPhone 14 Pro (iOS 16.1) simulator
  • iphone SE (iOS 16.1) simulator

실행 방법

Backend

docker-compose up -d

Frontend

cd ./Mymo
yarn
npx pod-install ios
yarn ios



디렉토리 구조 & 네이밍 규칙

.
├── MyMo            # Frontend
│   ├── App.tsx     # App Entry Point
│   ├── android
│   ├── ios
│   └── src
│       ├── api
│       ├── components
│       ├── context
│       ├── hooks
│       ├── i18n
│       ├── interface
│       ├── models
│       ├── theme
│       └── utils
└── MyMoServer      # Backend
    ├── env
    └── src
        ├── app.ts  # App Entry Point
        ├── config
        ├── controllers
        ├── db
        ├── interface
        ├── modules
        ├── routes
        └── services
*.tsx       # React Component
*.type.ts   # Typescript Type
*.styled.ts # Styled Component
*.const.ts  # Constant Value

핵심 기능 (구현여부)

  1. Data Storage ( ✅ with Realm)

  2. Offline Data Access ( ✅ )

  3. Data Synchronization ( ✅ )

  4. Conflict Resolution ( ✅ )

  5. Offline Status Handling ( ✅ )



구현 순서

  • ✨ prettier, typescript
  • ✨ usePrepare
  • 📦️ styled-component
  • ✨ theming
  • 📦️ realm
  • ✨ realm CRUD
  • ♻️ refactor with context api
  • 📦️ i18next
  • 🎉 backend project init
  • 📦️ @tanstack/react-query
  • 📦️ axios
  • 🎨 memo CRUD, navigation hook
  • ✨ syncedAt, deletedAt added
  • ♻️ delete DTO changed
  • ♻️ Memo -> Note rename
  • Sync One action added
  • 💄 styling
  • ♻️ code refactor
  • Sync All action added
  • 💄 styling
  • ♻️ code refactor



To Do List

  • 로컬 검색 기능 구현
  • content 타입 block 방식으로 변경(title 없애고 content의 내용이 있는 첫번째 블록을 title로 사용)

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.