https://github.com/humanbased-ai/codatta-connect
https://github.com/humanbased-ai/codatta-connect
Last synced: 1 day ago
JSON representation
- Host: GitHub
- URL: https://github.com/humanbased-ai/codatta-connect
- Owner: humanbased-ai
- License: mit
- Created: 2024-11-19T03:20:37.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2026-06-10T06:19:38.000Z (17 days ago)
- Last Synced: 2026-06-10T06:28:15.893Z (17 days ago)
- Language: TypeScript
- Size: 15.7 MB
- Stars: 0
- Watchers: 4
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Codatta Connect
Codatta Connect is a set of tools that helps quickly integrate Codatta-based login and wallet linking features into applications. Codatta Connect provide sign up UI base on react and tailwindcss.
# Quickstart
## Installation
Codatta Connect is available as an npm package.
```bash
npm i codatta-connect
```
## Basic Usage
Import and Initialize
```tsx
import { CodattaConnectContextProvider } from "codatta-connect";
export default function App(props: { children: React.ReactNode }) {
return (
{children}
);
}
```
Use sign up UI
```tsx
import { ILoginResponse, CodattaSignin } from 'codatta-connect'
export default function Signup() {
function handleLogin(res: ILoginResponse) {
// handle your login logic here
}
const config = {
channel: 'your register channel'
device: 'Devise type , available value: "WEB", "TD", "PLUG"'
app: 'your app name',
inviterCode: 'referral code'
}
return Log in or sign up}
/>
}
```
# Local development
### Install dependencies
```bash
npm install
```
### Start to dev
Now you can start developing. Run the following command to start the development server:
```shell
npm run dev
```
### If you are using VSCode
For you development experience, we include some vscode settings in the `.vscode` directory.
We highly recommend you install the following extensions:
- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
highlight syntax errors and warnings
- [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
IntelliSense for Tailwind CSS
- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
format code