evertonpavanevertonpavan
11

Json To Whatsapp Web

screenshot of Json To Whatsapp Web
react
chakra-ui
prisma

Send a bunch of messages on Whatsapp Web from a JSON file

Github

Overview

The Project is a software that allows users to interact with WhatsApp through a web interface using JSON. It includes both a client and server component, built with React, Vite, TypeScript, Chakra UI, React Hook Form, Yup, Socket.io-client, Node.js, Express, Whatsapp-web.js, SocketIO, Zod, Prisma, and PostgreSQL.

Features

  • React-based web interface for interacting with WhatsApp using JSON
  • Server-side code for handling communication with WhatsApp API
  • Integration with SocketIO for real-time messaging
  • Database integration with Prisma and PostgreSQL
  • Support for environment variables through .env files
  • Docker Compose integration for easier deployment
  • Roadmap for adding unit and integration tests and fixing mobile layout.

Server Installation:

  1. Download or clone the repository.
  2. Enter the server folder.
  3. Execute yarn install to install the dependencies.
  4. Copy .env.example to .env and set the environment variables.
  5. Start the database container.
  6. Start the development server.
  7. Run migrations.
  8. Run seeds.

Web Installation:

  1. Download or clone the repository.
  2. Enter the web folder.
  3. Execute yarn install to install the dependencies.
  4. Copy .env.example to .env and set the environment variables.
  5. Start the development server.

Docker Compose Installation:

Server:

  1. Download or clone the repository.
  2. Copy server/.env.example to server/.env and set the environment variables.
  3. Start the database container.
  4. Start the development container.

Web:

  1. Download or clone the repository.
  2. Copy web/.env.example to web/.env and set the environment variables.
  3. Start the development server.

Summary

The Project is a software that allows users to interact with WhatsApp using JSON through a web interface. It consists of a client and server component and supports features such as real-time messaging, database integration, and environment variable configuration. The installation process involves setting up the server and web components separately, and it also provides a Docker Compose option for easier deployment. The project is open to contributions and has a roadmap for adding additional features and fixing issues. However, it is important to note that the software is not officially affiliated with WhatsApp and usage may come with potential risks. Contact details for support and further information are provided.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

chakra-ui
Chakra UI

Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.

prisma
Prisma

Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.

fullstack
Fullstack

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.