FoushWare / chatBubble

How to run The Project

Install

in your terminal or command line prompt type the following to install the needed dependencies

yarn

Run

Then run the following command to start the project

yarn start

structure of the project

The main folder structure of the code is structured like the following:

• chat-bubble-app
  • README.md
  • config-overrides.js
  • package.json
  • public
    • locales
      • ar
        • translation.json
      • en
        • translation.json
  • src
    • App.tsx
    • Hooks
      • useExpand.ts
    • Modules
      • ChatBubble
        • ChatBubble.styles.tsx
        • index.tsx
    • Types
      • index.d.ts
    • components
      • ChatHeader
        • ChatHeader.styles.tsx
        • chatHeader.d.ts
        • index.tsx
      • ChatInputs
        • ChatInputs.styles.tsx
        • chatInputs.d.ts
        • index.tsx
      • ChatLogo
        • ChatLogo.styles.tsx
        • chatLogo.d.ts
        • index.tsx
      • ChatMessageList
        • ChatMessageList.styles.tsx
        • chatMessageList.d.ts
        • index.tsx
      • LanguageSelector
        • LanguageSelector.d.ts
        • LanguageSelector.style.tsx
        • index.tsx
    • helper
      • MessageRenderer.tsx
      • messageHandlers.tsx
    • i18n.js
    • index.css
    • index.tsx
    • mocks
      • messages.ts
  • tsconfig.json