0% found this document useful (0 votes)
21 views11 pages

Batch 09 Design

Uploaded by

urspopulardj
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
21 views11 pages

Batch 09 Design

Uploaded by

urspopulardj
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

MATURI VENKATA SUBBA RAO (M.V.S.

R) ENGINEERING COLLEGE
(An Autonomous Institution)
Department of Information Technology

E-MAIL ALERT ON
WHATSAPP

BATCH NO:09

2451-21-737-066 Thatikonda Vineethya


2451-21-737-073 S Navneet Kumar
2451-21-737-080 S Lokesh
SOFTWARE REQUIREMENTS

1. React
2. Node.js v12 or higher
3. WhatsApp API
4. Email Service
5. Terminal/Command Line Interface
HARDWARE REQUIREMENTS

1. Processor: Intel Core i3/AMD Ryzen 3 or better.


2. RAM: Minimum 4GB of RAM.
3. Storage: Minimum of 100GB.
4. Operating System: Windows/macOS/Linux
MODULE DESCRIPTION
Backend
 WhatsApp-web.js (NodeJS v12 or higher is required)

• A WhatsApp API client that connects through the WhatsApp Web browser app.

•It uses Puppeteer to run a real instance of WhatsApp Web to avoid getting blocked.

 Imap
• Node-imap is an IMAP client module for node.js
• We need Your email details and password from frontend and in backend we use that data
to fetch your emails using imap.
MODULE DESCRIPTION
Frontend
 React

• The core library for building user interfaces in JavaScript.

 Axios
• For making HTTP requests from the client-side to the server.
DESIGN THROUGH UML DIAGRAM
USECASE DIAGRAM
ALGORITHM DESCRIPTION
1. User Input:
• The user fills out a form on the frontend (built with React) providing:
• Email address
• WhatsApp number
• Message content
• Trigger conditions (optional)

2. Frontend Validation:
• Validate user input to ensure required fields are filled and formats are correct (e.g., email
validation, phone number validation).
ALGORITHM DESCRIPTION

3. Client-Server Communication:
• Upon form submission, the frontend (React) sends a POST request to the backend
(Node.js/Express) containing the form data.

4. Backend Processing:
• The backend (Node.js) receives the request and validates the data again for security purposes.
• If validation passes, the backend triggers the email sending process using Nodemailer to send an
alert to the provided email address.
• Simultaneously, it uses the WhatsApp API to send a WhatsApp message to the provided number
with the specified message content.
ALGORITHM DESCRIPTION

5. WhatsApp Message Sending:


• WhatsApp API constructs a WhatsApp message with the provided content and sends it to the
provided number.

6. Frontend Feedback:
• The frontend displays a success or error message to the user based on the response received
from the backend.
WIREFRAMES OF THE PROJECT

 Dashboard :
The dashboard includes alert configurations.
Each alert configuration includes fields for:
• Email address
• WhatsApp number
• Message content

 Alert Message View :


• It includes the display of alert message in the WhatsApp chat box.
THANK YOU

You might also like