Web Group Chat SX 👨🏼‍💻

About LikeMinds

Businesses are increasingly investing in building communities as they enable P2P value creation, retention, product stickiness and referrals. However, building in-app communities takes years of engineering efforts resulting in most brands either not building a community or building it from scratch on 3rd party platforms.

LikeMinds is a simple plug and play, highly customisable community infra platform that helps brands build in-app communities in 15 mins. Brands can leverage the platform to build community features like group chats, 1-1 chats, activity feed, event management, resource library quickly without any engineering effort.

🔖 Table of Contents

• Getting Started
• Prerequisites
• Available Scripts
• File Structure

Getting Started

Generating API key

  1. Go to dashboard.likeminds.community and create your account.
  2. After signup, create a new app and copy the API key from the settings tab in the app.
  3. Copy and save this API key to be used in client-side and backend SDKs for your projects.
  5. The dashboard also helps you to manage the users and the chatroom created

Clone repo

git clone [email protected]:LikeMindsCommunity/likeminds-chat-reactJS-traya.git

NPM

Run `npm install` and then `npm start`.

🤔 Prerequisites

NodeJS https://nodejs.org/en/

🙌 Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

npm run build fails to minify

https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

😎 File Structure

src
├── assets                  * Assets that are imported into your components(images, custom svg, etc).
├── App.css                 * Main app styles.
├── App.tsx                 * Main app component.
├──
  modules
  └── components          * Components of the projects that are not the main views.
│       └── channelGroups
│       └── ChatConversationsArea
│       └── direct-messages
│       └── groupChatArea
│       └── Groups
│       └── header
│       └── InputComponent
│       └── reportConversation
│       └── SearchBar
│       └── sidenav
├── sdkFunctions            * All the common services.
├── stylesAccessories       * Some common function.
├── index.tsx               * Entry point of the application.