ChatterPay

Chatterpay is a Wallet for WhatsApp that integrates AI and Account Abstraction, enabling any user to use blockchain easily and securely without technical knowledge.

Built for: Level Up Hackathon - Ethereum Argentina 2024

Build By: mpefaur, tomasfrancizco, TomasDmArg, gonzageraci, dappsar

Components:

• Landing Page (product, source code) (this Repo)
• User Dashboard Website (product, source code) (this Repo)
• Backend API (source code)
• Smart Contracts (source code)
• Data Indexing (Subgraph) (source code)
• Bot AI (Chatizalo) (product)
• Bot AI Admin Dashboard Website (product)

About this repo

This repository contains the source code for the landing page and user dashboard.

Build With:

• Framework: Next.js 14
• Language: TypeScript
• database: mongodb
• Styling: [CSS]
• Components: MUI v5
• State Management: React Context API
• Authentication: cellphone + MFA whatsapp
• Authorization: jwt
• Routing: React router v6
• Linting: ESLint
• Formatting: Prettier

deploy with:

• Landing Page (static): ICP
• User Dashboard: Google Cloud

Getting Started

1. Install these Requirements:

• git
• nvm (allows you to quickly install and use different versions of node via the command line.)
• node js & npm (insalled with nvm)
• mongoDb

2. Clone repository:

   git clone https://github.com/P4-Games/ChatterPay
   cd ChatterPay

3. Complete .env file:

Create a .env file in the root folder and populate it with the following keys and values:

SKIP_PREFLIGHT_CHECK=true
GENERATE_SOURCEMAP=false
npm_config_user_agent=yarn
PORT=3000

# server-side
NODE_ENV='development'
APP_ENV='development'
BOT_API_TOKEN={api token}
BOT_API_URL=http://localhost:3000
BACKEND_API_URL=https://dev.back.chatterpay.net
BOT_API_WAPP_ENABLED=true
MONGODB='mongodb://localhost:27017'
MONGODB_BOT='BOT mongo db url'
DB_CHATTERPAY_NAME='chatterpay_dev'
NODE_PROVIDER_SEPOLIA_URL='https://sepolia.infura.io/v3/YOUR_API_KEY'
NODE_PROVIDER_MUMBAI_URL='https://stylish-dawn-bush.bsc-testnet.quiknode.pro/YOUR_API_KEY/'
NODE_PROVIDER_SCROLL_URL='https://lb.drpc.org/ogrpc?network=scroll-sepolia&dkey=YOUR_API_KEY'
HANDLE_VERCEL_FREE_PLAN_TIMEOUT=true
API3_ENABLED=false
JWT_SECRET='some secret text'
RECAPTCHA_API_KEY={recaptcha api key}

# client-side
NEXT_PUBLIC_USE_MOCK=true
NEXT_PUBLIC_UI_URL=http://localhost:3000
NEXT_PUBLIC_ALLOWED_ORIGINS=http://localhost:3000
NEXT_PUBLIC_RECAPTCHA_SITE_KEY={recaptcha side key}

4. Install Dependencies:

- yarn install # with yarn
- npm i # with npm

If you have troubles with dependencies, try this:

set http_proxy=
set https_proxy=
npm config rm https-proxy
npm config rm proxy
npm config set registry "https://registry.npmjs.org"
yarn cache clean
yarn config delete proxy
yarn --network-timeout 100000

5. Start App:

npm run dev / yarn dev

Then, open brower in: http://localhost:3000.

6. Deploy to ICP:

To deploy the landing (static code) to the Internet Computer (ICP), you can follow the steps described in the Deployment Guidelines.

URL of the deployed app on ICP: https://cilxj-yiaaa-aaaag-alkxq-cai.icp0.io/

Additional Info

Contribution

Thank you for considering helping out with the source code! We welcome contributions from anyone on the internet, and are grateful for even the smallest of fixes!

If you'd like to contribute to ChatterPay, please fork, fix, commit and send a pull request for the maintainers to review and merge into the main code base. If you wish to submit more complex changes though, please check up with the core devs first to ensure those changes are in line with the general philosophy of the project and/or get some early feedback which can make both your efforts much lighter as well as our review and merge procedures quick and simple.

Please make sure your contributions adhere to our coding guidelines.

Contributors

P4Troy - dappsar - tomasDmArg

see more in: https://github.com/P4-Games/chatterPay/graphs/contributors

Maintenance

• Maintenance Scripts