TODO multiplatform app

Functionality

• Account management (account, SSO…)
• Advanced todo list management
• Dashboard view (number of todo completed, badge…)
• User can create a group and add todos to this group
  • Others users can subscribe to this group so that all todos from the group are copied into their account and they can manage the todo at their convenience.
    • Useful for students

Tech architecture

Monorepo with NX

• Web → React
• Mobile → React-Native
• Back → Express node app with MongoDB and GraphQL API
• Bonus
  • Raycast extension to manage tasks

What we can share

• Helpers (basic function and hooks)
• Services (API connection)
• Store (Redux store)
• Models (types and interface)
• Translations (i18n translations files)
• Basic theme files (colors)

What we cannot share

• UI components → React uses web elements but React-Native uses mobile native elements
  • We could use a UI library that can share components between React & React-Native (like NativeBase) but it’s quite buggy and not very performant
• Environment file between React and React Native

Others

• MUI for React web app
• React-Native paper for React-Native web app
• Styled-components for styling in React & React-Native
• React-Spring to animate React & React-Native apps

Tasks architecture