initial push of the update

.gitignore

@@ -0,0 +1,28 @@
+# Ignore test-related folders
+allure_report/
+allure-results/
+__test__/
+__mocks__/
+coverage/
+test_report/
+
+# Ignore test configuration and setup files
+jest.config.js
+jest.setup.js
+jesthtmlreporter.config.json
+babel.config.js
+postTestSetup.js
+preTestSetup.js
+runE2ETests.js
+
+# Ignore environment files
+.env
+
+# Ignore database files
+data.db
+
+# Ignore video files
+*.mp4
+
+# Ignore node_modules
+node_modules

Dockerfile

@@ -0,0 +1,40 @@
+# Stage 1: Build the React frontend
+FROM node:16 AS build
+
+# Set the working directory
+WORKDIR /app
+
+# Copy the React frontend code
+COPY frontend/package.json frontend/package-lock.json ./frontend/
+RUN cd frontend && npm install
+
+# Build the React app (inside the frontend folder)
+COPY frontend ./frontend
+RUN cd frontend && npm run build
+
+# Stage 2: Set up the Node.js backend
+FROM node:16
+
+# Set the working directory
+WORKDIR /app
+
+# Copy backend code
+COPY backend/package.json backend/package-lock.json ./backend/
+RUN cd backend && npm install
+
+# Copy the React build files from Stage 1 to the backend/build folder
+COPY --from=build /app/frontend/build ./backend/build
+
+# Copy the backend source code
+COPY backend ./backend
+
+RUN mkdir -p /app/backend/database && chmod -R 777 /app/backend/database
+
+
+# Expose the backend's port
+EXPOSE 7860
+
+WORKDIR /app/backend
+
+# Start the backend server
+CMD [ "node", "./index.js"]

README.md

@@ -1,11 +1,10 @@
 ---
-title: Genomatics React Modularised V3
+title: Geno React Modularised
 emoji: 🏃
-colorFrom: blue
-colorTo: pink
+colorFrom: pink
+colorTo: red
 sdk: docker
 pinned: false
-short_description: Testing
 ---
 
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

backend/config.js

@@ -0,0 +1,7 @@
+//Flag for using vapi
+const useVapi = false;
+
+//Routes
+const useApiPrefix = true;  // Set to true to use /api prefix, false for no prefix
+
+module.exports = {useVapi, useApiPrefix};

backend/config/googleOAuth.js

@@ -0,0 +1,12 @@
+const { google } = require('googleapis');
+require('dotenv').config();
+
+// OAuth2 setup with your credentials from .env file
+const CLIENT_ID = process.env.CLIENT_ID;
+const CLIENT_SECRET = process.env.CLIENT_SECRET;
+const REDIRECT_URI = process.env.REDIRECT_URI;
+
+// Google OAuth2 client
+const oAuth2Client = new google.auth.OAuth2(CLIENT_ID, CLIENT_SECRET, REDIRECT_URI);
+
+module.exports = { oAuth2Client };

backend/controller/applicantController.js

@@ -0,0 +1,117 @@
+const { checkAndRefreshAccessToken } = require('../utils/refreshToken');
+const { checkExistingJobApplication, insertJobApplication } = require('../utils/jobRequestDB');
+const { sendEmail } = require('../utils/sendEmail');
+
+const submitJobApplication = async (req, res) => {
+    const { name, email, phone, experience, role, linkedin } = req.body;
+    const resume = req.file;
+
+    console.log('Received job application:', req.body);
+    console.log('Received job CV:', req.file);
+
+    // Basic validation
+    if (!name || !email || !phone || !experience || !role || !linkedin || !resume) {
+        console.log("Missing required fields");
+        return res.status(400).json({ error: 'Please fill in all required fields.' });
+    }
+
+    // Validate email format
+    const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+    if (!emailRegex.test(email)) {
+        console.log("Invalid email format");
+        return res.status(400).json({ error: 'Please enter a valid email address.' });
+    }
+
+    // Refresh access token if needed
+    await checkAndRefreshAccessToken();
+
+    // Check if job request already exists
+    const existingRequest = await checkExistingJobApplication(name, email, role);
+    if (existingRequest) {
+        console.log(`Your Job request for the role ${role} is already in queue`);
+        return res.status(400).json({ error: `Your Job request for the role ${role} is already in queue` });
+    }
+
+    const filename = resume.originalname;
+
+    // Insert application into the database
+    await insertJobApplication(name, email, phone, experience, role, linkedin, resume.buffer, filename);
+    console.log('Job Application added to DB successfully');
+
+    try{
+        // =============================
+        //   Email to Applicant
+        // =============================
+        const applicantSubject = "Job Application Received";
+        const applicantHtmlMessage = `
+            <div style="font-family: Arial, sans-serif; color: #333;">
+                <center><img src="https://drive.google.com/thumbnail?id=17oMmzl_mTNvohvLhSWHbb_XNPfCC8KaO" alt="Genomatics Logo" height="150px"></center>
+                <h2 style="color: #0056b3;">Hello ${name},</h2>
+                <p>Thank you for submitting your application for the ${role} role at Genomatics. We’ve received your details and will review your qualifications shortly.</p>
+                <p><strong>Submitted Details:</strong></p>
+                <ul>
+                    <li><strong>Name:</strong> ${name}</li>
+                    <li><strong>Email:</strong> ${email}</li>
+                    <li><strong>Phone:</strong> ${phone}</li>
+                    <li><strong>Experience:</strong> ${experience} years</li>
+                    <li><strong>Role:</strong> ${role}</li>
+                    <li><strong>LinkedIn:</strong> <a href="${linkedin}" target="_blank">${linkedin}</a></li>
+                </ul>
+                <p>We appreciate your interest and will reach out if there’s a match for the position.</p>
+                <p style="margin-top: 20px;">Best regards,</p>
+                <p><strong>The Genomatics Hiring Team</strong></p>
+
+                <hr style="border: 0; height: 1px; background: #ddd; margin: 20px 0;">
+                <p style="font-size: 12px; color: #666;">
+                    This email was sent in response to your job application form submission on the Genomatics platform.
+                </p>
+
+                <!-- Social Media Links Section -->
+                <div style="margin-top: 30px; text-align: center; display: flex; justify-content: center; align-items: center;">
+                    <p>Follow us on social media:</p>
+                    <a href="https://x.com/" target="_blank" style="margin: 0 10px;">
+                        <img src="https://uxwing.com/wp-content/themes/uxwing/download/brands-and-social-media/x-social-media-white-icon.png" alt="Twitter" width="20" height="20" style="border-radius: 50%; background-color: #3A61B9; padding: 5px;">
+                    </a>
+                    <a href="https://www.linkedin.com/company/genomatics" target="_blank" style="margin: 0 10px;">
+                        <img src="https://img.icons8.com/?size=100&id=102748&format=png&color=FFFFFF" alt="LinkedIn" width="20" height="20" style="border-radius: 50%; background-color: #3A61B9; padding: 5px;">
+                    </a>
+                </div>
+            </div>`;
+
+        await sendEmail(email, applicantSubject, applicantHtmlMessage);
+
+        // =============================
+        // 🔹 Email to Authorities (HR Team)
+        // =============================
+        const authorityEmail = process.env.TEAM_MAIL_IDS;
+        const authoritySubject = `New Job Application for ${role}`;
+        const authorityHtmlMessage = `
+            <div style="font-family: Arial, sans-serif; color: #333; line-height: 1.6;">
+                <center><img src="https://drive.google.com/thumbnail?id=17oMmzl_mTNvohvLhSWHbb_XNPfCC8KaO" alt="Genomatics Logo" height="150px"></center>
+                <h2 style="color: #0056b3;">📢 New Job Application Received</h2>
+                <p>Dear Hiring Team,</p>
+                <p>We have received a new job application. Below are the applicant's details:</p>
+                <ul>
+                    <li><strong>Name:</strong> ${name}</li>
+                    <li><strong>Email:</strong> ${email}</li>
+                    <li><strong>Phone:</strong> ${phone}</li>
+                    <li><strong>Experience:</strong> ${experience} years</li>
+                    <li><strong>Role Applied:</strong> ${role}</li>
+                    <li><strong>LinkedIn:</strong> <a href="${linkedin}" target="_blank">${linkedin}</a></li>
+                </ul>
+                <p>📎 The applicant has attached their resume for your review.</p>
+                <p>Kindly review the application and take the necessary steps.</p>
+                <p style="margin-top: 20px;">Best regards,</p>
+                <p><strong>Genomatics Hiring System</strong></p>
+            </div>`;
+
+        await sendEmail(authorityEmail, authoritySubject, authorityHtmlMessage, resume, filename);
+
+        res.status(200).json({ message: 'Your Job Application has been submitted successfully!' });
+    }catch (error) {
+        console.error('Error sending emails:', error);
+        res.status(400).json({ error: 'Unable to send email for the confirmation of submission, but the application was received suvvessfully!' });
+    }
+};
+
+module.exports = { submitJobApplication };

backend/controller/authController.js

@@ -0,0 +1,51 @@
+const fs = require('fs');
+const { google } = require('googleapis');
+require('dotenv').config();
+
+// import the OAuth2 client
+const { oAuth2Client } = require('../config/googleOAuth');
+
+// Controller function for /auth route
+const redirectToGoogleOAuth = (req, res) => {
+    const authUrl = oAuth2Client.generateAuthUrl({
+        access_type: 'offline', // Request offline access for refresh token
+        scope: ['https://www.googleapis.com/auth/gmail.send', 'https://www.googleapis.com/auth/calendar'], // Scopes
+    });
+    res.redirect(authUrl); // Redirect to Google's OAuth consent page
+    console.log('Redirecting for OAuth consent...');
+};
+
+// Controller function to handle OAuth callback
+const handleOAuthCallback = async (req, res) => {
+    const code = req.query.code;
+
+    try {
+        const { tokens } = await oAuth2Client.getToken(code); // Exchange code for tokens
+        console.log('Received tokens:', tokens); // Log tokens for debugging
+
+        // Set tokens to the OAuth2 client
+        oAuth2Client.setCredentials(tokens);
+
+        // Save tokens to the .env file
+        saveTokensToEnv(tokens);
+
+        res.send('Authorization successful! You can now send emails.');
+    } catch (error) {
+        console.error('Error during OAuth callback:', error);
+        res.status(500).send('Failed to authenticate with Google');
+    }
+};
+
+// Helper function to save tokens to .env file
+const saveTokensToEnv = (tokens) => {
+    const envVariables = `
+ACCESS_TOKEN=${tokens.access_token}
+REFRESH_TOKEN=${tokens.refresh_token || 'No refresh token available'}
+    `;
+
+    // Append tokens to the .env file
+    fs.appendFileSync('.env', envVariables, 'utf8');
+    console.log('Tokens saved to .env file.');
+};
+
+module.exports = { redirectToGoogleOAuth, handleOAuthCallback };

backend/controller/contactController.js

@@ -0,0 +1,132 @@
+const { checkAndRefreshAccessToken } = require('../utils/refreshToken');
+const { checkExistingContactRequest, insertContactRequest } = require('../utils/contactRequestDB');
+const fetch = require('node-fetch');
+const { sendEmail } = require('../utils/sendEmail');
+
+//Getting Vapi Usage Flag (Whether to use or not)
+const { useVapi} = require("../config");
+
+const assistant_url = 'https://api.vapi.ai/call';
+
+const submitContactForm = async (req, res) => {
+    const { name, email, phone, subject, message } = req.body;
+    console.log('Received contact form submission:', req.body);
+
+    if (!name || !email || !phone || !subject || !message) {
+        return res.status(400).send({ error: 'All fields are required.' });
+    }
+
+    await checkAndRefreshAccessToken();
+
+    const existingRequest = await checkExistingContactRequest(name, email, subject);
+    if (existingRequest) {
+        console.log("Your contact request with the same subject is in queue");
+        return res.status(400).send({ error: 'Your contact request with the same subject is in queue' });
+    }
+
+    await insertContactRequest(name, email, phone, subject, message);
+    console.log('Contact request added successfully');
+
+    try{
+        // 🔹 Email to User
+        const userEmailSubject = `Contact Form Submission: ${subject}`;
+        const userEmailContent = `
+            <div style="font-family: Arial, sans-serif; color: #333;">
+                <center><img src="https://drive.google.com/thumbnail?id=17oMmzl_mTNvohvLhSWHbb_XNPfCC8KaO" alt="Genomatics Logo" height="150px"></center>
+                <h2 style="color: #0056b3;">Hello ${name},</h2>
+                <p>Thank you for reaching out to us! We have received your message and will get back to you soon.</p>
+
+                <p><strong>Your Submitted Information:</strong></p>
+                <p><strong>Name:</strong> ${name}</p>
+                <p><strong>Email:</strong> ${email}</p>
+                <p><strong>Subject:</strong> ${subject}</p>
+                <p><strong>Message:</strong></p>
+                <p>${message}</p>
+                
+                <p>We appreciate your interest and are excited to help you. If you have any immediate questions, please feel free to reply to this email directly.</p>
+
+                <p style="margin-top: 20px;">Best regards,</p>
+                <p><strong>The Genomatics Team</strong></p>
+
+                <hr style="border: 0; height: 1px; background: #ddd; margin: 20px 0;">
+                <p style="font-size: 12px; color: #666;">
+                    This email was sent in response to your contact form submission on the Genomatics platform.
+                </p>
+
+                <!-- Social Media Links Section -->
+                <div style="margin-top: 30px; text-align: center; display: flex; justify-content: center; align-items: center;">
+                    <p>Follow us on social media:</p>
+                    <a href="https://x.com/" target="_blank" style="margin: 0 10px;">
+                        <img src="https://uxwing.com/wp-content/themes/uxwing/download/brands-and-social-media/x-social-media-white-icon.png" alt="Twitter" width="20" height="20" style="border-radius: 50%; background-color: #3A61B9; padding: 5px;">
+                    </a>
+                    <a href="https://www.linkedin.com/company/genomatics" target="_blank" style="margin: 0 10px;">
+                        <img src="https://img.icons8.com/?size=100&id=102748&format=png&color=FFFFFF" alt="LinkedIn" width="20" height="20" style="border-radius: 50%; background-color: #3A61B9; padding: 5px;">
+                    </a>
+                </div>
+            </div>`;
+
+        await sendEmail(email, userEmailSubject, userEmailContent);
+        console.log("Confirmation email sent to user");
+
+        // 🔹 Email to Team
+        const teamEmail = process.env.TEAM_MAIL_IDS; 
+        const teamEmailSubject = `New Contact Form Submission: ${subject}`;
+        const teamEmailContent = `
+            <div style="font-family: Arial, sans-serif; color: #333; line-height: 1.6;">
+                <center><img src="https://drive.google.com/thumbnail?id=17oMmzl_mTNvohvLhSWHbb_XNPfCC8KaO" alt="Genomatics Logo" height="150px"></center>
+                <h2 style="color: #0056b3;">📩 New Contact Request Received</h2>
+                <p>Dear Team,</p>
+                <p>A new contact form with some general enquiry/request has been submitted. Details are as follows:</p>
+                <table style="width: 100%; border-collapse: collapse;">
+                    <tr><td style="padding: 8px; font-weight: bold;">Name:</td><td style="padding: 8px;">${name}</td></tr>
+                    <tr><td style="padding: 8px; font-weight: bold;">Email:</td><td style="padding: 8px;">${email}</td></tr>
+                    <tr><td style="padding: 8px; font-weight: bold;">Phone:</td><td style="padding: 8px;">${phone}</td></tr>
+                    <tr><td style="padding: 8px; font-weight: bold;">Subject:</td><td style="padding: 8px;">${subject}</td></tr>
+                    <tr><td style="padding: 8px; font-weight: bold;">Message:</td><td style="padding: 8px;">${message}</td></tr>
+                </table>
+                <p>Please follow up with the requester accordingly.</p>
+                <p style="margin-top: 20px;">Best regards,</p>
+                <p><strong>Genomatics System</strong></p>
+            </div>`;
+
+        await sendEmail(teamEmail, teamEmailSubject, teamEmailContent);
+        console.log("Notification email sent to team");
+
+        res.status(200).send({ message: 'Contact message sent successfully!' });
+    } catch (error) {
+        console.error('Unable to send Contact request confirmation email, however request registered successfully!', error);
+        res.status(200).send({ error: 'Unable to send Contact request confirmation email, however request registered successfully!' });
+    }
+
+    // 🔹 Vapi AI Call
+    const curr_time = new Date().toLocaleDateString('en-GB').replace(/\//g, '-');
+    const postData = {
+        "name": `${phone}_${curr_time}_CRC`,
+        "assistantId": process.env.CONTACT_ASSISTANT_ID,
+        "assistantOverrides": {
+            "variableValues": {
+                "name": name,
+                "subject": subject,
+                "comments": message
+            }
+        },
+        "customer": { "number": phone },
+        "phoneNumberId": process.env.PHONE_NUMBER_ID
+    };
+
+    if(useVapi){
+        fetch(assistant_url, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Authorization': `Bearer ${process.env.VAPI_KEY}`
+            },
+            body: JSON.stringify(postData)
+        })
+        .then(response => response.json())
+        .then(data => console.log('Vapi AI Call Success:', data))
+        .catch(error => console.error('Vapi AI Call Error:', error));
+    }
+};
+
+module.exports = { submitContactForm };

backend/controller/dateAvailability.js

@@ -0,0 +1,53 @@
+const { runSelectQuery } = require('../utils/queries');  // Assuming db.js handles DB queries
+const {isHoliday} = require("../controller/holidays")
+const { DateTime } = require('luxon');
+
+async function checkDateAvailability(date) {
+    const checkQuery = `SELECT COUNT(*) AS count FROM demo_requests WHERE demo_date = ?;`;
+    const results = await runSelectQuery(checkQuery, [date]);
+
+    return results.length === 0 || results[0].count < 11;
+}
+
+async function getAvailableDates(currentDate) {
+    const availableDates = [];
+    // Loop until we collect 14 available dates
+    while (availableDates.length < 14) {
+        // Check if the current date is a holiday in India
+        const isHolidayResult = await isHoliday(currentDate.toFormat('yyyy-MM-dd')); // Pass as JS Date
+        const isSundayResult = currentDate.weekday === 7; // Sunday in Luxon is 7
+        const isSaturdayResult = currentDate.weekday === 6; // Saturday in Luxon is 6
+
+        // Count which Saturday it is in the month
+        let saturdayCount = 0;
+        let tempDate = DateTime.local(currentDate.year, currentDate.month, 1);
+
+        while (tempDate < currentDate) {
+            if (tempDate.weekday === 6) { // If it's a Saturday
+                saturdayCount++;
+            }
+            tempDate = tempDate.plus({ days: 1 });
+        }
+
+        const isFirstThirdOrFifthSaturday = isSaturdayResult && [0, 2, 4].includes(saturdayCount);
+
+        // Check if the date is available
+        const isAvailable = await checkDateAvailability(currentDate.toJSDate());
+
+        // If it's not a holiday, not a Sunday, not a Saturday (if 1st, 3rd, or 5th Saturday), and it's available, add to available dates
+        if (!isHolidayResult && !isSundayResult && !isFirstThirdOrFifthSaturday && isAvailable) {
+            // Add the date in 'yyyy-MM-dd' format
+            availableDates.push(currentDate.toFormat('yyyy-MM-dd'));
+            console.log('Added date:', currentDate);
+        } else {
+            console.log('Date skipped:', currentDate.toISODate());
+        }
+
+        // Move to the next day (still in Asia/Kolkata timezone)
+        currentDate = currentDate.plus({ days: 1 });
+    }
+
+    return availableDates;
+  }
+
+module.exports = { checkDateAvailability, getAvailableDates };

backend/controller/demoRequestController.js

@@ -0,0 +1,210 @@
+const { checkAndRefreshAccessToken } = require('../utils/refreshToken');
+const { insertDemoRequest, checkExistingDemoRequest } = require('../utils/demoRequestDB');
+const { sendEmail } = require('../utils/sendEmail');
+const { DateTime } = require('luxon');
+const fetch = require('node-fetch');
+const {createGoogleCalendarEvent} = require('../utils/createEvent');
+
+//Getting Vapi Usage Flag (Whether to use or not)
+const { useVapi} = require("../config");
+
+// The assistant URL for Vapi & other related config
+const assistant_url = 'https://api.vapi.ai/call';
+
+const demoRequest = async (req, res) => {
+    const { name, email, company, product, demoDate, selectedSlot, phone, additionalComments, timezone } = req.body;
+    console.log('Received demo request:', req.body);
+
+    // Basic validation on the server side
+    if (!name || !email || !company || !demoDate || !phone || !product || !selectedSlot) {
+        console.log("Missing required fields");
+        return res.status(400).send({ error: 'Please fill in all required fields.' });
+    }
+
+    const convertedDemoDate = DateTime.fromISO(demoDate, { zone: 'utc' })  // Parse demoDate as UTC
+        .setZone('Asia/Kolkata') // Convert it to Asia/Kolkata time zone
+        .toFormat('yyyy-MM-dd'); // Format it to 'yyyy-MM-dd'
+
+    console.log('Converted demoDate to Asia/Kolkata timezone:', convertedDemoDate);
+
+    // Step 2: Convert the Asia/Kolkata date to the user's time zone (const, as we're not reassigning it)
+    const userDemoDate = DateTime.fromISO(convertedDemoDate, { zone: 'Asia/Kolkata' })  // Parse demoDate as Asia/Kolkata
+        .setZone(timezone) // Convert it to user's time zone (e.g., 'America/New_York')
+        .toFormat('yyyy-MM-dd'); // Format it to 'yyyy-MM-dd'
+
+    console.log('Converted demoDate to user\'s timezone:', userDemoDate);
+
+    // 1. Check if a demo request already exists within the last 15 days
+    const existingRequest = await checkExistingDemoRequest(name, email, product, convertedDemoDate, phone);
+
+    if (existingRequest) {
+        console.log("Demo request already made within 15 days");
+        return res.status(400).send({
+            error: 'You have already requested a demo for this product within 15 days. Our team will get back to you shortly.'
+        });
+    }
+
+    const [startTime, endTime] = selectedSlot.split(' (')[0].split(' - ');
+    console.log('Selected time slot:', startTime, endTime);
+    console.log('User\'s timezone:', timezone);
+    // Convert start time and end time to the user's time zone first
+    const startUserTime = DateTime.fromFormat(startTime, 'HH:mm', { zone: timezone });
+    const endUserTime = DateTime.fromFormat(endTime, 'HH:mm', { zone: timezone });
+
+    // Ensure that the conversion to Asia/Kolkata time zone is successful
+    const startAsiaKolkata = startUserTime.setZone('Asia/Kolkata').toFormat('HH:mm');
+    const endAsiaKolkata = endUserTime.setZone('Asia/Kolkata').toFormat('HH:mm');
+
+    // Create the formatted time range string
+    const formattedRange = `${startAsiaKolkata} - ${endAsiaKolkata}`;
+
+    console.log('Converted time range to Asia/Kolkata:', formattedRange);
+
+    // 2. Insert the new demo request into the database
+    await insertDemoRequest(name, email, company, product, convertedDemoDate, formattedRange, phone, additionalComments);
+    console.log('Demo request added successfully');
+
+    const [ eventData, icsContent ] = await createGoogleCalendarEvent(name, email, demoDate, selectedSlot, product, timezone);
+
+    const attachment = {
+        buffer: Buffer.from(icsContent, 'utf-8'),
+        mimetype: 'text/calendar',
+        filename: 'event.ics',
+        contentType: 'text/calendar'
+    };
+
+    // // Update the email template with the calendar buttons
+    // const calendarButtonsHtml = `
+    // <div style="margin: 20px 0; text-align: center;">
+    //     <div style="background-color:rgb(40, 131, 223); padding: 15px; border-radius: 8px; display: inline-block;">
+    //         <p style="margin: 0 0 10px 0; font-weight: bold;">Add to Calendar:</p>
+    //         <table style="border-collapse: separate; border-spacing: 8px; margin: 0 auto;">
+    //             <tr>
+    //                 <td>
+    //                     <a href="${calendarLinks.google}" target="_blank" style="display: inline-block; padding: 8px 12px; background-color: #4285f4; color: white; text-decoration: none; border-radius: 4px; font-family: Arial, sans-serif; font-size: 14px;">
+    //                         Google Calendar
+    //                     </a>
+    //                 </td>
+    //                 <td>
+    //                     <a href="${calendarLinks.outlook}" target="_blank" style="display: inline-block; padding: 8px 12px; background-color: #0078d4; color: white; text-decoration: none; border-radius: 4px; font-family: Arial, sans-serif; font-size: 14px;">
+    //                         Outlook Calendar
+    //                     </a>
+    //                 </td>
+    //                 <td>
+    //                     <a href="${calendarLinks.yahoo}" target="_blank" style="display: inline-block; padding: 8px 12px; background-color: #720e9e; color: white; text-decoration: none; border-radius: 4px; font-family: Arial, sans-serif; font-size: 14px;">
+    //                         Yahoo Calendar
+    //                     </a>
+    //                 </td>
+    //             </tr>
+    //         </table>
+    //     </div>
+    // </div>`;
+
+    // Refresh access token if needed
+    await checkAndRefreshAccessToken();
+
+    try {
+        // 🔹 Email to User
+        const userEmailSubject = "Demo Request Confirmation";
+        const userEmailContent = `
+            <div style="font-family: Arial, sans-serif; color: #333;">
+                <center><img src="https://drive.google.com/thumbnail?id=17oMmzl_mTNvohvLhSWHbb_XNPfCC8KaO" alt="Genomatics Logo" height="150px"></center>
+                <h2 style="color: #0056b3;">Hello ${name},</h2>
+                <p>Thank you for requesting a demo of our <strong>Genomatics</strong> product: <strong>${product}</strong>. We're excited to showcase how our solutions can benefit your team at <strong>${company}</strong>.</p>
+                <p><strong>Requested demo date:</strong> ${userDemoDate} - <strong>Time zone:</strong> ${timezone}</p>
+                <p><strong>Preferred time slot:</strong> ${selectedSlot}</p>
+                <p>We'll be in touch soon to confirm the details. In the meantime, please feel free to reach out with any specific questions or topics you’d like us to cover during the demo.</p>
+                <h3 style="color: #0056b3;">Additional Message from You:</h3>
+                <p>${additionalComments || "<em>No additional message provided.</em>"}</p>
+                <p style="margin-top: 20px;">Best regards,</p>
+                <p><strong>The Genomatics Team</strong></p>
+
+                <hr style="border: 0; height: 1px; background: #ddd; margin: 20px 0;">
+                <p style="font-size: 12px; color: #666;">
+                    This email was sent in response to your contact form submission on the Genomatics platform.
+                </p>
+
+                <!-- Social Media Links Section -->
+                <div style="margin-top: 30px; text-align: center; display: flex; justify-content: center; align-items: center;">
+                    <p>Follow us on social media:</p>
+                    <a href="https://x.com/" target="_blank" style="margin: 0 10px;">
+                        <img src="https://uxwing.com/wp-content/themes/uxwing/download/brands-and-social-media/x-social-media-white-icon.png" alt="Twitter" width="20" height="20" style="border-radius: 50%; background-color: #3A61B9; padding: 5px;">
+                    </a>
+                    <a href="https://www.linkedin.com/company/genomatics" target="_blank" style="margin: 0 10px;">
+                        <img src="https://img.icons8.com/?size=100&id=102748&format=png&color=FFFFFF" alt="LinkedIn" width="20" height="20" style="border-radius: 50%; background-color: #3A61B9; padding: 5px;">
+                    </a>
+                </div>
+            </div>`;
+        
+        // Send the confirmation email to the user
+        await sendEmail(email, userEmailSubject, userEmailContent, attachment, 'event.ics');
+        console.log("Confirmation email sent to user");
+
+        // 🔹 Email to Team
+        const teamEmail = process.env.TEAM_MAIL_IDS;
+        const teamEmailSubject = `New Demo Request: ${product}`;
+        const teamEmailContent = `
+            <div style="font-family: Arial, sans-serif; color: #333; line-height: 1.6;">
+                <center><img src="https://drive.google.com/thumbnail?id=17oMmzl_mTNvohvLhSWHbb_XNPfCC8KaO" alt="Genomatics Logo" height="150px"></center>
+                <h2 style="color: #0056b3;">📩 New Demo Request Received</h2>
+                <p>Dear Team,</p>
+                <p>A new demo request has been submitted. Details are as follows:</p>
+                <table style="width: 100%; border-collapse: collapse;">
+                    <tr><td style="padding: 8px; font-weight: bold;">Name:</td><td style="padding: 8px;">${name}</td></tr>
+                    <tr><td style="padding: 8px; font-weight: bold;">Email:</td><td style="padding: 8px;">${email}</td></tr>
+                    <tr><td style="padding: 8px; font-weight: bold;">Company:</td><td style="padding: 8px;">${company}</td></tr>
+                    <tr><td style="padding: 8px; font-weight: bold;">Product:</td><td style="padding: 8px;">${product}</td></tr>
+                    <tr><td style="padding: 8px; font-weight: bold;">Phone:</td><td style="padding: 8px;">${phone}</td></tr>
+                    <tr><td style="padding: 8px; font-weight: bold;">Demo Date:</td><td style="padding: 8px;">${convertedDemoDate}</td></tr>
+                    <tr><td style="padding: 8px; font-weight: bold;">Preferred Slot:</td><td style="padding: 8px;">${formattedRange}</td></tr>
+                    <tr><td style="padding: 8px; font-weight: bold;">Additional Comments:</td><td style="padding: 8px;">${additionalComments || "<em>No additional comments provided.</em>"}</td></tr>
+                </table>
+                <p>Please follow up with the requester accordingly.</p>
+                <p style="margin-top: 20px;">Best regards,</p>
+                <p><strong>Genomatics System</strong></p>
+            </div>`;
+
+        // Send the notification email to the team
+        await sendEmail(teamEmail, teamEmailSubject, teamEmailContent, attachment, 'event.ics');
+        console.log("Notification email sent to team");
+
+        res.status(200).send({ message: 'Demo request submitted successfully! Our team will get in touch with you soon.' });
+    } catch (error) {
+        console.error('Unable to send demo request confirmation email, however request registered successfully!', error);
+        res.status(200).send({ error: 'Unable to send demo request confirmation email, however the demo request has been registered successfully!' });
+    }
+
+    // 🔹 Vapi AI Call
+    const curr_time = DateTime.now().toFormat('yyyy-MM-dd');
+    const postData = {
+        "name": `${phone}_${curr_time}_DRC`,
+        "assistantId": process.env.DEMO_ASSISTANT_ID,
+        "assistantOverrides": {
+            "variableValues": {
+                "name": name,
+                "product_name": product,
+                "demo_date": demoDate,
+                "slot": selectedSlot,
+                "comments": additionalComments
+            }
+        },
+        "customer": { "number": phone },
+        "phoneNumberId": process.env.PHONE_NUMBER_ID
+    };
+
+    if(useVapi){
+        fetch(assistant_url, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Authorization': `Bearer ${process.env.VAPI_KEY}`
+            },
+            body: JSON.stringify(postData)
+        })
+        .then(response => response.json())
+        .then(data => console.log('Vapi AI Call Success:', data))
+        .catch(error => console.error('Vapi AI Call Error:', error));
+    }
+};
+
+module.exports = { demoRequest };

backend/controller/holidays.js

@@ -0,0 +1,97 @@
+const { google } = require('googleapis');
+const { oAuth2Client } = require('../config/googleOAuth');
+const { checkAndRefreshAccessToken } = require('../utils/refreshToken');
+
+let holidays = [];
+let allHolidayDates = [];
+
+async function getIndiaTamilHolidays() {
+    try {
+        const userTokens = await checkAndRefreshAccessToken();
+
+        // Check if OAuth tokens are available
+        if (!userTokens || !userTokens.access_token) {
+            console.log("OAuth credentials missing. Please authorize the app first.");
+            return { error: 'OAuth credentials missing. Please authorize the app first.' };
+        }
+
+        // Set OAuth2 credentials
+        oAuth2Client.setCredentials(userTokens);
+
+        // Initialize Google Calendar API
+        const calendar = google.calendar({ version: 'v3', auth: oAuth2Client });
+
+        // Define the Indian Holidays calendar ID and time range
+        // const calendarId = 'en.indian#[email protected]';
+        const calendarId = '[email protected]'; //Tamil Nadu  holidays
+        const currentYear = new Date().getFullYear(); //works in Indian server only mostly I guess
+        const timeMin = `${currentYear}-01-01T00:00:00Z`;
+        const timeMax = `${currentYear + 50}-12-31T23:59:59Z`;
+
+        // Fetch holiday events
+        const response = await calendar.events.list({
+            calendarId,
+            timeMin,
+            timeMax,
+            singleEvents: true,
+            orderBy: 'startTime',
+        });
+
+        // Extract and format holiday details
+        const holidays = [];
+        response.data.items.forEach(event => {
+            const summary = event.summary;
+            const startDate = event.start.date;
+            const endDate = event.end?.date || event.start.date;
+        
+            // Handle single-day or multi-day holidays
+            const start = new Date(startDate);
+            const end = new Date(endDate);
+        
+            // Iterate through all dates for multi-day holidays
+            for (let d = new Date(start); d < end; d.setDate(d.getDate() + 1)) {
+                console.log('Holiday:', summary, d);
+                holidays.push({
+                    festival: summary,
+                    date: d.toISOString().split('T')[0], // Format date as YYYY-MM-DD
+                });
+            }
+        });                
+
+        return holidays;
+    } catch (error) {
+        console.error('Error fetching India holidays:', error.message);
+        throw error;
+    }
+}
+
+// Call the function to get tamil holidays
+async function refreshHolidays() {
+    try {
+        holidays = await getIndiaTamilHolidays();  // Fetch the holidays
+        console.log('India Holidays:', holidays);
+        console.log('Total holidays:', holidays.length);
+        console.log('Last holiday:', holidays[holidays.length - 1]);
+
+        allHolidayDates = holidays.reduce((accumulator, holiday) => {
+            accumulator.push(holiday.date);  // Collect all dates in an array
+            return accumulator;
+        }, []);
+        
+        console.log(allHolidayDates); 
+
+        // After the function finishes, set the next interval
+        setTimeout(refreshHolidays, 14 * 24 * 60 * 60 * 1000);  // 14 days in ms
+    } catch (error) {
+        console.error('Failed to fetch holidays:', error);
+
+        // If there's an error, retry after a short delay
+        setTimeout(refreshHolidays, 10000); // Retry in 10 seconds
+    }
+}
+
+async function isHoliday(date) {
+    return allHolidayDates.includes(date);
+}
+
+module.exports = { getIndiaTamilHolidays, refreshHolidays, isHoliday };

backend/controller/slots.js

@@ -0,0 +1,88 @@
+const { runSelectQuery } = require('../utils/queries');
+
+const generalSlots = [
+    `10:00 - 10:30`, `10:45 - 11:15`, `11:30 - 12:00`, `12:15 - 12:45`, `13:00 - 13:30`,
+    `13:45 - 14:15`, `14:30 - 15:00`, `15:15 - 15:45`, `16:00 - 16:30`, `16:45 - 17:15`, `17:30 - 18:00`
+];
+
+//async function to get list of booked slots for a given date
+async function getBookedSlots(date) {
+    if (!date) {
+        throw new Error('Date is required');
+    }
+
+    // Ensure the date is in the correct format (YYYY-MM-DD)
+    const isValidDate = /^\d{4}-\d{2}-\d{2}$/.test(date);
+    if (!isValidDate) {
+        throw new Error('Invalid date format. Expected YYYY-MM-DD');
+    }
+
+    try {
+        const query = `
+            SELECT slot FROM demo_requests WHERE demo_date = ?;
+        `;
+        const results = await runSelectQuery(query, date);
+
+        console.log(`Fetched ${results.length} slots for date: ${date}`);
+
+        // Check if results are empty
+        if (!results || results.length === 0) {
+            console.log(`No slots found for date: ${date}`);
+            return [];  // Return an empty array if no slots are found
+        }
+
+        // Extract slots, with checks to ensure each result contains a 'slot' property
+        const slots = results.map(result => {
+            if (!result.slot) {
+                console.warn(`No slot found for record: ${JSON.stringify(result)}`);
+                return null;  // Handle cases where slot is undefined or null
+            }
+            return result.slot;
+        }).filter(slot => slot !== null);  // Remove any null values (in case of missing slots)
+
+        return slots;
+    } catch (error) {
+        console.error('Error fetching booked slots:', error.message);
+        throw error;  // Re-throw the error after logging it
+    }
+}
+
+//async function to get available slots for a given date
+async function getAvailableSlots(date) {
+    if (!date) {
+        throw new Error('Date is required');
+    }
+
+    // Ensure the date is in the correct format (YYYY-MM-DD)
+    const isValidDate = /^\d{4}-\d{2}-\d{2}$/.test(date);
+    if (!isValidDate) {
+        throw new Error('Invalid date format. Expected YYYY-MM-DD');
+    }
+
+    try {
+        // Fetch the booked slots for the given date
+        const bookedSlots = await getBookedSlots(date);
+        console.log('Booked slots:', bookedSlots);
+
+        // If no booked slots, all general slots are available
+        if (bookedSlots.length === 0) {
+            return generalSlots;
+        }
+
+        // Check if generalSlots exists and is an array
+        if (!Array.isArray(generalSlots) || generalSlots.length === 0) {
+            throw new Error('General slots are not properly defined');
+        }
+
+        // Filter the general slots to remove any booked slots
+        const availableSlots = generalSlots.filter(slot => !bookedSlots.includes(slot));
+
+        // Return the available slots
+        return availableSlots;
+    } catch (error) {
+        console.error('Error fetching available slots:', error.message);
+        throw error;  // Re-throw the error after logging it
+    }
+}
+
+module.exports = { getAvailableSlots, getBookedSlots};

backend/controller/subscriptionController.js

@@ -0,0 +1,92 @@
+// controllers/subscriptionController.js
+const {oAuth2Client} = require('../config/googleOAuth'); // Import the OAuth2 client
+const { addSubscriber } = require('../utils/addSubscriber'); // Assuming this exists to add the email to the database
+const { checkAndRefreshAccessToken } = require('../utils/refreshToken'); // Import the helper function
+const {google} = require('googleapis');
+
+const handleSubscriptionEmail = async (req, res) => {
+    const email = req.body.email;
+    console.log('Received request to send email to:', email);
+
+    if (!email) {
+        console.log("Email is required");
+        return res.status(400).send({ error: 'Email is required' });
+    }
+
+    const result = await addSubscriber(email);
+    
+    if (result.error) {
+        // Return error if email already exists or any database error occurs
+        return res.status(result.status).send({ error: result.error });
+    }
+
+    await checkAndRefreshAccessToken(); // Refresh the token if expired
+
+    // Set OAuth2 credentials
+    // oAuth2Client.setCredentials(userTokens);
+
+    // Check if OAuth2 credentials are missing
+    if (!oAuth2Client.credentials || !oAuth2Client.credentials.access_token) {
+        return res.status(500).send({
+            error: 'OAuth credentials missing. Please authorize the app first.'
+        });
+    }
+
+    // Prepare the email content
+    const subject = "Subscription Confirmation";
+    const message = `<div style="font-family: Arial, sans-serif; color: #333;">
+        <img src="https://www.genomatics.in/wp-content/uploads/2020/01/cropped-LOGO-1-1.png" alt="Genomatics Logo">
+        <h2 style="color: #0056b3;">Hello,</h2>
+        <p>Thank you for subscribing to <strong>Genomatics</strong>! We’re excited to have you join our community of genomics enthusiasts, researchers, and professionals. As a valued subscriber, you’ll be among the first to receive updates on breakthrough discoveries, exclusive insights, and expert tips on leveraging genomics for impactful decision-making.</p>
+
+        <h3 style="color: #0056b3;">What You’ll Get:</h3>
+        <ul>
+            <li><strong>Exclusive Insights:</strong> Stay ahead with our latest findings on how genomics is shaping the future of medicine, biotechnology, and more.</li>
+            <li><strong>Updates on Our Innovations:</strong> Be the first to know about new products and tools designed to empower you in your genomics journey.</li>
+            <li><strong>Invitations to Webinars and Events:</strong> Gain access to events and discussions led by leaders in the field to deepen your understanding and application of genomics.</li>
+        </ul>
+
+        <p>If you have any questions or ideas you’d like us to cover, feel free to reach out. We’re here to support you every step of the way.</p>
+
+        <p>Once again, welcome aboard! We look forward to sharing this journey of discovery with you.</p>
+
+        <p style="margin-top: 20px;">Warm regards,</p>
+        <p><strong>The Genomatics Team</strong></p>
+        <hr style="border: 0; height: 1px; background: #ddd; margin: 20px 0;">
+        <p style="font-size: 12px; color: #666;">
+            This email was sent in response to your subscription to the Genomatics platform.
+        </p>
+    </div>`;
+
+    const emailContent = [
+        `To: ${email}`,
+        'Content-Type: text/html; charset="UTF-8"',
+        'MIME-Version: 1.0',
+        `Subject: ${subject}`,
+        '',
+        message,
+    ].join('\n');
+
+    // Encode the email content
+    const encodedEmail = Buffer.from(emailContent)
+        .toString('base64')
+        .replace(/\+/g, '-')
+        .replace(/\//g, '_');
+
+    // Send email via Gmail API
+    try {
+        const gmail = google.gmail({ version: 'v1', auth: oAuth2Client });
+        const response = await gmail.users.messages.send({
+            userId: 'me',
+            requestBody: {
+                raw: encodedEmail,
+            },
+        });
+        res.status(200).send({ message: 'Subscription email sent!', response });
+    } catch (error) {
+        console.log('Error sending email:', error);
+        res.status(500).send({ error: 'Failed to send subscription confirmation email, however you are subscribed and will receive newsletters' });
+    }
+};
+
+module.exports = { handleSubscriptionEmail };

backend/controller/utils.js

@@ -0,0 +1,57 @@
+const { DateTime } = require('luxon');
+
+const createDateTimeSlotMapping = (data) => {
+    const dateTimeSlots = {};
+    data.forEach(dateObj => {
+        for (const [date, slots] of Object.entries(dateObj)) {
+            slots.forEach(slot => {
+                const [startTime, endTime] = slot.split(' - ');
+                const dateTime = `${date}T${startTime}`;
+                
+                // Validate the dateTime before adding to the mapping
+                const dt = DateTime.fromISO(dateTime);
+                if (dt.isValid) {
+                    dateTimeSlots[dateTime] = `${startTime} - ${endTime}`;
+                }
+            });
+        }
+    });
+    return dateTimeSlots;
+};
+
+
+async function slotsInUserZone(inter, timezone) {
+    const convertedData = {};
+    for (const [key, value] of Object.entries(inter)) {
+        const startTimeKolkata = DateTime.fromISO(key, { zone: "Asia/Kolkata" });
+        const startTimeUser = startTimeKolkata.setZone(timezone).toISO();
+
+        const [start, end] = value.split(" - ");
+        const startTime = DateTime.fromISO(key, { zone: "Asia/Kolkata" });
+        const localStartTime = startTime.setZone(timezone).toFormat("HH:mm");
+
+        const endTime = startTime.plus({ minutes: 30 });
+        const localEndTime = endTime.setZone(timezone).toFormat("HH:mm");
+
+        convertedData[startTimeUser] = `${localStartTime} - ${localEndTime} (${timezone})`;
+    }
+    return convertedData;
+}
+
+async function getDatesSlots(input) {
+    return Object.entries(input).reduce((acc, [timestamp, slot]) => {
+        // Validate timestamp
+        const dt = DateTime.fromISO(timestamp);
+        if (!dt.isValid) {
+            return acc; // Skip invalid timestamps
+        }
+        const date = timestamp.split('T')[0];
+        if (!acc[date]) {
+            acc[date] = [];
+        }
+        acc[date].push(slot);
+        return acc;
+    }, {});
+}
+
+module.exports = { createDateTimeSlotMapping, slotsInUserZone, getDatesSlots };

backend/database/initdb

@@ -0,0 +1 @@
+//TEST

backend/get-oauth.js

@@ -0,0 +1,94 @@
+// index.js
+const express = require('express');
+const { google } = require('googleapis');
+const fs = require('fs');
+require('dotenv').config(); // For loading environment variables
+
+const app = express();
+const port = 7860;
+
+// Set up OAuth2 client
+const oAuth2Client = new google.auth.OAuth2(
+    process.env.CLIENT_ID,
+    process.env.CLIENT_SECRET,
+    process.env.REDIRECT_URI
+);
+
+let userTokens = null; // Store user tokens temporarily in memory
+
+// Step 1: Generate the OAuth URL and redirect
+app.get('/auth', (req, res) => {
+    const authUrl = oAuth2Client.generateAuthUrl({
+        access_type: 'offline', // Request offline access for refresh token
+        scope: ['https://www.googleapis.com/auth/gmail.send', 'https://www.googleapis.com/auth/calendar'], // Gmail send scope
+    });
+    res.redirect(authUrl); // Redirect to Google's OAuth consent page
+    console.log("Redirecting for OAuth consent...");
+});
+
+// Step 2: Handle OAuth callback, exchange code for tokens
+app.get('/oauth2callback', async (req, res) => {
+    const code = req.query.code;
+    
+    try {
+        const { tokens } = await oAuth2Client.getToken(code);
+        // console.log('Received tokens:', tokens); // Log tokens for debugging
+
+        // Store tokens securely (in memory, DB, or .env file)
+        oAuth2Client.setCredentials(tokens);
+        userTokens = tokens; // Store tokens in memory
+
+        // Save the tokens to .env file (for future use)
+        saveTokensToEnv(tokens);
+
+        res.send('Authorization successful! You can now send emails.');
+    } catch (error) {
+        console.error('Error during OAuth callback:', error);
+        res.status(500).send('Failed to authenticate with Google');
+    }
+});
+
+// Helper function to save tokens to .env file
+function saveTokensToEnv(tokens) {
+    if (tokens.refresh_token){
+        const envVariables = `
+ACCESS_TOKEN=${tokens.access_token}
+REFRESH_TOKEN=${tokens.refresh_token || 'No refresh token available'}
+    `;
+    
+    // Save tokens in the .env file
+    fs.appendFileSync('.env', envVariables, 'utf8');
+    console.log('Tokens saved to .env file.');
+    }else{
+        const envVariables = `
+ACCESS_TOKEN=${tokens.access_token}
+    `;
+    
+    // Save tokens in the .env file
+    fs.appendFileSync('.env', envVariables, 'utf8');
+    console.log('Tokens saved to .env file.');
+    }
+    
+}
+
+// Method to check if the access token is expired
+async function checkAndRefreshAccessToken() {
+    if (oAuth2Client.isTokenExpiring()) {
+        try {
+            // If the access token is expired or about to expire, refresh it
+            const response = await oAuth2Client.refreshAccessToken();
+            const newTokens = response.credentials;
+            oAuth2Client.setCredentials(newTokens);  // Set the new credentials
+            userTokens = newTokens;  // Update the tokens
+
+            console.log('Access token refreshed.');
+        } catch (error) {
+            console.error('Error refreshing access token:', error);
+        }
+    }
+}
+
+// Start the Express server
+app.listen(port, () => {
+    console.log(`Server running at http://localhost:${port}`);
+});

backend/index.js

@@ -0,0 +1,72 @@
+const express = require('express');
+const bodyParser = require('body-parser');
+const cors = require('cors');
+//General
+const path = require('path');
+
+//Initialize Database
+const {initializeDatabase} = require("./utils/setupDB");
+initializeDatabase();
+
+//Prefix Flag (Use or not)
+const {useApiPrefix} = require('./config')
+
+const fs = require('fs');
+
+const path1 = '/app/backend/database';
+
+if (fs.existsSync(path1)) {
+  console.log('The path exists');
+} else {
+  console.log('The path does not exist');
+}
+
+//Refresh the holidays
+const {refreshHolidays} = require("./controller/holidays");
+refreshHolidays();
+
+//Route Imports
+const authRoutes = require('./routes/authRoutes'); // Import the auth routes
+const availabilityRoutes = require('./routes/availabilityRoutes'); // Import availability routes
+const subscriptionRoutes = require('./routes/subscriptionRoutes'); // Import subscription routes
+const demoRequestRoutes = require('./routes/demoRequestRoutes'); // Import demo request routes
+const contactRoutes = require('./routes/contactRoutes'); // Import contact routes
+const applicantRoutes = require('./routes/applicantRoutes'); // Import applicant routes
+
+const app = express();
+
+app.use(express.json()); // To handle JSON request body
+
+// Serve static files from the React build folder
+app.use(express.static(path.join(__dirname, 'build')));
+
+// Catch-all route to serve React's index.html for unknown routes
+app.get('*', (req, res) => {
+  res.sendFile(path.join(__dirname, 'build', 'index.html'));
+});
+
+// Middleware to parse JSON body
+app.use(bodyParser.json());
+
+//Use CORS
+app.use(cors());
+
+// Routes - Dynamically add /api prefix if the flag is true
+if (useApiPrefix) {
+  app.use('/api', authRoutes); // /api/auth
+  app.use('/api', subscriptionRoutes); // /api/subscribe
+  app.use('/api', availabilityRoutes); // /api/availability
+  app.use('/api', demoRequestRoutes); // /api/demo-request
+  app.use('/api', contactRoutes); // /api/contact
+  app.use('/api', applicantRoutes); // /api/applicant
+} else {
+  app.use(authRoutes); // No prefix
+  app.use(subscriptionRoutes); // No prefix
+  app.use(availabilityRoutes); // No prefix
+  app.use(demoRequestRoutes); // No prefix
+  app.use(contactRoutes); // No prefix
+  app.use(applicantRoutes); // No prefix
+}
+
+const PORT = process.env.PORT || 7860;
+app.listen(PORT, '0.0.0.0', () => console.log(`Server running on port: ${PORT}`));

backend/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "email-service",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "pretest": "node preTestSetup.js",
+    "test": "jest || :",
+    "posttest": "node postTestSetup.js"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@babel/plugin-transform-runtime": "^7.25.9",
+    "@babel/preset-env": "^7.26.7",
+    "@babel/preset-react": "^7.26.3",
+    "body-parser": "^1.20.3",
+    "cors": "^2.8.5",
+    "dotenv": "^16.4.5",
+    "express": "^4.21.1",
+    "googleapis": "^144.0.0",
+    "ics": "^3.8.1",
+    "luxon": "^3.5.0",
+    "multer": "^1.4.5-lts.1",
+    "mysql2": "^3.11.4",
+    "node-fetch": "^2.7.0",
+    "sqlite3": "^5.1.7",
+    "uuid": "^11.0.5"
+  },
+  "devDependencies": {
+    "allure-commandline": "^2.32.0",
+    "allure-jest": "^3.0.9",
+    "axios-mock-adapter": "^2.1.0",
+    "babel-jest": "^29.7.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-allure": "^0.1.3",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-html-reporter": "^3.10.2",
+    "supertest": "^7.0.0"
+  },
+  "jest-html-reporter": {
+    "pageTitle": "Backend Unit testing",
+    "outputPath": "test-report.html",
+    "includeFailureMsg": true,
+    "executionMode": "reporter"
+  }
+}

backend/routes/applicantRoutes.js

@@ -0,0 +1,13 @@
+const express = require('express');
+const router = express.Router();
+
+// Multer setup to handle file uploads
+const multer = require('multer');
+const storage = multer.memoryStorage();
+const upload = multer({ storage: storage });
+
+const {submitJobApplication} = require('../controller/applicantController');
+
+router.post('/submit-job-application', upload.single('resume'), submitJobApplication);
+
+module.exports = router;

backend/routes/authRoutes.js

@@ -0,0 +1,10 @@
+const express = require('express');
+const { redirectToGoogleOAuth, handleOAuthCallback } = require('../controller/authController');
+
+const router = express.Router();
+
+// Define the /auth routes
+router.get('/auth', redirectToGoogleOAuth);
+router.get('/oauth2callback', handleOAuthCallback);
+
+module.exports = router;

backend/routes/availabilityRoutes.js

@@ -0,0 +1,62 @@
+const express = require('express');
+const {DateTime} = require('luxon');
+const { getAvailableDates } = require('../controller/dateAvailability');
+const { getAvailableSlots } = require('../controller/slots');
+const { createDateTimeSlotMapping, slotsInUserZone, getDatesSlots } = require('../controller/utils');
+const { isHoliday } = require('../controller/holidays');
+
+// This is the part where the route is defined.
+const router = express.Router();
+
+router.post('/get-available-dates-and-slots', async (req, res) => {
+    const { requiredMinDate, timezone } = req.body;
+    console.log('Received request to get available dates:', req.body);
+
+    if (!requiredMinDate) {
+        console.log("Minimum date is required");
+        return res.status(400).send({ error: 'Minimum date is required' });
+    }
+
+    try {
+        // Convert requiredMinDate to Asia/Kolkata timezone (starting of the day in Asia/Kolkata)
+        const currentDate = DateTime.fromISO(requiredMinDate).setZone('Asia/Kolkata').startOf('day');
+        console.log('Converted start date in Asia/Kolkata:', currentDate);
+
+        // Initialize the availableDates array
+        const availableDates = await getAvailableDates(currentDate);
+
+        console.log('Available dates:', availableDates);
+        if (availableDates){
+            //create an arrow function that creates an array of objects, where each object key is the availableDate and the value is the one returned by getAvailableSlots(availableDate)
+            const datesAndSlots = await Promise.all(availableDates.map(async availableDate => {
+                const slots = await getAvailableSlots(availableDate);
+                return { [availableDate]: slots };
+            }));
+
+            const inter = createDateTimeSlotMapping(datesAndSlots);
+            console.log(inter);
+            
+            const userSlots = await slotsInUserZone(inter, timezone);
+            console.log(userSlots);
+
+            const finalDateSlots = await getDatesSlots(userSlots);
+            console.log(finalDateSlots);
+
+            const finalDates = Object.keys(finalDateSlots);
+            console.log(finalDates);
+
+            const response = {
+                finalDateSlots: finalDateSlots,
+                finalDates: finalDates
+              };
+            res.json(response);
+        }
+        
+    } catch (error) {
+        console.error('Error fetching available dates:', error.message);
+        res.status(500).send({ error: 'Failed to fetch available dates' });
+    }
+});
+
+// Export the router so it can be used in the server.js file.
+module.exports = router;

backend/routes/contactRoutes.js

@@ -0,0 +1,9 @@
+const express = require('express');
+const {bodyParser} = require('body-parser');
+
+const router = express.Router();
+const {submitContactForm} = require('../controller/contactController');
+
+router.post('/submit-contact-form', submitContactForm);
+
+module.exports = router;

backend/routes/demoRequestRoutes.js

@@ -0,0 +1,10 @@
+// routes/subscriptionRoutes.js
+const express = require('express');
+const { demoRequest } = require('../controller/demoRequestController'); // Import controller
+
+const router = express.Router();
+
+// POST route for subscription email
+router.post('/demo-request', demoRequest);
+
+module.exports = router;

backend/routes/subscriptionRoutes.js

@@ -0,0 +1,10 @@
+// routes/subscriptionRoutes.js
+const express = require('express');
+const { handleSubscriptionEmail } = require('../controller/subscriptionController'); // Import controller
+
+const router = express.Router();
+
+// POST route for subscription email
+router.post('/subscription-email', handleSubscriptionEmail);
+
+module.exports = router;

backend/utils/addSubscriber.js

@@ -0,0 +1,25 @@
+const { runQuery, runSelectQuery } = require('./queries');
+
+async function addSubscriber(email) {
+    try {
+        // Check if email exists
+        const results = await runSelectQuery('SELECT * FROM subscribers WHERE email = ?', [email]);
+        if (results.length > 0) {
+            console.log("Email already exists in subscribers");
+            return { status: 400, error: 'You have already subscribed!!' };
+        }
+
+        // Insert new subscriber
+        await runQuery(
+            'INSERT INTO subscribers (date, time, email) VALUES (DATE("now"), TIME("now"), ?)',
+            [email]
+        );
+        console.log('Subscriber added successfully');
+        return { status: 200, message: 'Subscriber added' };
+    } catch (error) {
+        console.error('Database error:', error);
+        return { status: 500, error: 'Failed to add subscriber' };
+    }
+}
+
+module.exports = { addSubscriber };

backend/utils/contactRequestDB.js

@@ -0,0 +1,16 @@
+const {runQuery, runSelectQuery} = require('./queries');
+
+// Check existing contact request
+async function checkExistingContactRequest(name, email, subject) {
+    const checkQuery = `SELECT * FROM contact_requests WHERE name = ? AND email = ? AND subject = ?;`;
+    const results = await runSelectQuery(checkQuery, [name, email, subject]);
+    return results.length > 0;
+}
+
+// Insert contact request
+async function insertContactRequest(name, email, phone, subject, message) {
+    const insertQuery = `INSERT INTO contact_requests (date, time, name, email, phone, subject, message) VALUES (DATE("now"), TIME("now"), ?, ?, ?, ?, ?);`;
+    await runQuery(insertQuery, [name, email, phone, subject, message]);
+}
+
+module.exports = { checkExistingContactRequest, insertContactRequest };

backend/utils/createEvent.js

@@ -0,0 +1,112 @@
+const { checkAndRefreshAccessToken } = require('./refreshToken');
+const { google } = require('googleapis');
+const { oAuth2Client } = require('../config/googleOAuth');
+const { DateTime } = require('luxon');
+const ics = require('ics');
+const { v4: uuid } = require('uuid');
+const fs = require('fs');
+const path = require('path');
+
+async function convertToUTC(date, time, timezone) {
+    // Combine date and time into one string (e.g., '2025-01-31T14:30')
+    const dateTimeString = `${DateTime.fromISO(date).toFormat('yyyy-MM-dd')}T${time}`;
+    console.log(dateTimeString);
+
+    // Parse the combined date-time string in the given timezone
+    const dateTimeInTimezone = DateTime.fromISO(dateTimeString, { zone: timezone });
+    console.log(dateTimeInTimezone);
+
+    // Convert it to UTC
+    const dateTimeInUTC = dateTimeInTimezone.toUTC();
+    console.log(dateTimeInUTC);
+
+    // Return the UTC time as a string (ISO format)
+    return dateTimeInUTC.toISO(); // Returns the date-time in ISO 8601 format (e.g., '2025-01-31T08:00:00.000Z')
+}
+
+async function isoToArray(isoString) {
+    const dt = DateTime.fromISO(isoString, { zone: 'utc' }); // Ensure it's parsed as UTC
+    return [dt.year, dt.month, dt.day, dt.hour, dt.minute];
+}
+
+
+// Create Google Calendar Event
+async function createGoogleCalendarEvent(name, email, demoDate, selectedSlot, product, timezone) {
+
+    const [startTime, endTime] = selectedSlot.split(' (')[0].split(' - ');
+
+    const startDatetime = await convertToUTC(demoDate, startTime, timezone);
+    const endDatetime = await convertToUTC(demoDate, endTime, timezone);
+
+    console.log(`Times: ${startDatetime}, ${endDatetime}`);
+
+    // Refresh access token if needed
+    await checkAndRefreshAccessToken();
+
+    const calendar = google.calendar({ version: 'v3', auth: oAuth2Client });
+
+    const event = {
+        summary: `Demo for ${product}`,
+        description: `Demo for ${product}`,
+        start: {
+            dateTime: startDatetime, // Use the demo date here
+            timeZone: 'UTC',
+        },
+        end: {
+            dateTime: endDatetime, // Assuming the demo lasts 30 minutes
+            timeZone: 'UTC',
+        },
+        colorId: 1,
+        conferenceData: {
+            createRequest: {
+                requestId: uuid(),
+            }
+        },
+        attendees: [
+            {email: email},
+          ]
+    };
+
+    try {
+        const response = await calendar.events.insert({
+            calendarId: 'primary',
+            conferenceDataVersion: 1, 
+            resource: event,
+            sendUpdates: 'all'
+        });
+        console.log('Google Calendar Event Created:', response.data);
+
+        const dateArray = await isoToArray(startDatetime);    
+        const icsevent = {
+            start: dateArray,
+            startInputType: 'utc',
+            duration: { minutes: 30 },
+            title: `Demo for ${product}`,
+            description: `Product demonstration for ${product}`,
+            url: response.data.hangoutLink,
+            categories: ['Product Demo'],
+            status: 'CONFIRMED',
+            busyStatus: 'BUSY',
+            attendees: [
+              { name: name, email: email, rsvp: true, partstat: 'ACCEPTED', role: 'REQ-PARTICIPANT' },
+            ]
+          }
+        
+        const icsFilePath = path.join(__dirname, '../demo-event.ics');
+        const icsContent = await new Promise((resolve, reject) => {
+            ics.createEvent(icsevent, (error, value) => {
+                if (error) {
+                    reject(error);
+                } else {
+                    resolve(value); // Return .ics content as string
+                }
+            });
+        });
+        return [response.data, icsContent];
+    } catch (error) {
+        console.error('Error creating Google Calendar event:', error);
+        throw error;
+    }
+}
+
+module.exports = {createGoogleCalendarEvent}

backend/utils/demoRequestDB.js

@@ -0,0 +1,22 @@
+const {runSelectQuery, runQuery} = require('./queries');
+
+async function checkExistingDemoRequest(name, email, product, demoDate, phone) {
+    const checkQuery = `
+        SELECT * FROM demo_requests 
+        WHERE name = ? AND email = ? AND product = ? 
+        AND ABS(julianday(demo_date) - julianday(?)) <= 15 AND phone = ?;
+    `;
+    const results = await runSelectQuery(checkQuery, [name, email, product, demoDate, phone]);
+    return results.length > 0;
+}
+
+// Insert demo request
+async function insertDemoRequest(name, email, company, product, demoDate, slot, phone, message) {
+    const insertQuery = `
+        INSERT INTO demo_requests (date, time, name, email, company, product, demo_date, slot, phone, comments) 
+        VALUES (DATE("now"), TIME("now"), ?, ?, ?, ?, ?, ?, ?, ?);
+    `;
+    await runQuery(insertQuery, [name, email, company, product, demoDate, slot, phone, message]);
+}
+
+module.exports = { checkExistingDemoRequest, insertDemoRequest };

backend/utils/jobRequestDB.js

@@ -0,0 +1,17 @@
+const {runQuery, runSelectQuery} = require('./queries');
+
+// Check existing job application
+async function checkExistingJobApplication(name, email, role) {
+    const checkQuery = `SELECT * FROM applicants WHERE name = ? AND email = ? AND role = ?;`;
+    const results = await runSelectQuery(checkQuery, [name, email, role]);
+    console.log(results);
+    return results.length > 0;
+}
+
+// Insert job application
+async function insertJobApplication(name, email, phone, experience, role, linkedin, resume, filename) {
+    const insertQuery = `INSERT INTO applicants (date, time, name, email, phone, experience, role, linkedin, resume, filename) VALUES (DATE("now"), TIME("now"), ?, ?, ?, ?, ?, ?, ?, ?);`;
+    await runQuery(insertQuery, [name, email, phone, experience, role, linkedin, resume, filename]);
+}
+
+module.exports = { checkExistingJobApplication, insertJobApplication };

backend/utils/queries.js

@@ -0,0 +1,50 @@
+//General
+const path = require('path');
+
+//SQLite
+const sqlite3 = require('sqlite3').verbose();
+
+const fs = require('fs');
+
+// Database connection
+console.log(__dirname);
+
+const dbFilePath = path.resolve(__dirname,'../database/data.db');
+console.log('The dbpath is', dbFilePath);
+
+const db = new sqlite3.Database(dbFilePath, (err) => {
+  if (err) {
+    console.error('Error connecting to SQLite database:', err.message);
+    console.log("Current working directory:", process.cwd());
+  } else {
+    console.log('Connected to SQLite database');
+  }
+});
+
+// Helper function to promisify db.run for INSERT, UPDATE, CREATE, etc.
+function runQuery(query, params = []) {
+    return new Promise((resolve, reject) => {
+        db.run(query, params, function (err) {
+            if (err) {
+                reject(err);
+            } else {
+                resolve(this); // `this` contains metadata like `lastID` or `changes`
+            }
+        });
+    });
+}
+
+// Helper function to promisify db.all for SELECT queries
+function runSelectQuery(query, params = []) {
+    return new Promise((resolve, reject) => {
+        db.all(query, params, (err, rows) => {
+            if (err) {
+                reject(err);
+            } else {
+                resolve(rows);
+            }
+        });
+    });
+}
+
+module.exports = {runQuery, runSelectQuery}

backend/utils/refreshToken.js

@@ -0,0 +1,41 @@
+// utils/refreshToken.js
+const { oAuth2Client } = require('../config/googleOAuth'); // Import the OAuth client
+
+// Store the user's tokens
+let userTokens = {};
+
+// Method to check if the access token is expired and refresh it
+async function checkAndRefreshAccessToken() {
+    userTokens = {}; // Reset tokens at start
+    if (process.env.ACCESS_TOKEN && process.env.REFRESH_TOKEN) {
+        userTokens = {
+            access_token: process.env.ACCESS_TOKEN,
+            refresh_token: process.env.REFRESH_TOKEN,
+        };
+        oAuth2Client.setCredentials(userTokens);
+        console.log('Using tokens from .env file');
+    } else {
+        console.log('No tokens found in .env file. Please authenticate.');
+    }
+    
+    // console.log(oAuth2Client)
+    if (oAuth2Client.isTokenExpiring()) {
+        try {
+            // Refresh the token if it's expired or about to expire
+            const response = await oAuth2Client.refreshAccessToken();
+            const newTokens = response.credentials;
+            oAuth2Client.setCredentials(newTokens); // Set new credentials
+            userTokens = newTokens; // Update tokens
+
+            process.env.ACCESS_TOKEN = newTokens.access_token
+            process.env.REFRESH_TOKEN = newTokens.refresh_token
+
+            console.log('Access token refreshed.');
+        } catch (error) {
+            console.error('Error refreshing access token:', error);
+        }
+    }
+    return userTokens
+}
+
+module.exports = { checkAndRefreshAccessToken };

backend/utils/sendEmail.js

@@ -0,0 +1,62 @@
+const { google } = require('googleapis');
+const { oAuth2Client } = require('../config/googleOAuth');
+
+const sendEmail = async (recipient, subject, htmlContent, attachment = null, attachmentName = '') => {
+    try {
+        const gmail = google.gmail({ version: 'v1', auth: oAuth2Client });
+
+        // Unique boundary string
+        const boundary = "----=_NextPart_001";
+        let rawEmail = [
+            `To: ${recipient}`,
+            `Subject: ${subject}`,
+            `MIME-Version: 1.0`,
+        ];
+
+        if (attachment && attachment.buffer) {
+            const encodedAttachment = Buffer.isBuffer(attachment.buffer) 
+                ? attachment.buffer.toString('base64')
+                : Buffer.from(attachment.buffer).toString('base64');
+                
+            const formattedAttachment = encodedAttachment.match(/.{1,76}/g).join("\n");
+
+            rawEmail.push(
+                `Content-Type: multipart/mixed; boundary="${boundary}"`,
+                "",
+                `--${boundary}`,
+                "Content-Type: text/html; charset=UTF-8",
+                "",
+                htmlContent,
+                "",
+                `--${boundary}`,
+                `Content-Type: ${attachment.mimetype}; name="${attachmentName}"`,
+                `Content-Disposition: attachment; filename="${attachmentName}"`,
+                "Content-Transfer-Encoding: base64",
+                "",
+                formattedAttachment,
+                "",
+                `--${boundary}--`
+            );
+        } else {
+            rawEmail.push("Content-Type: text/html; charset=UTF-8", "", htmlContent);
+        }
+
+        const encodedEmail = Buffer.from(rawEmail.join("\r\n"))
+            .toString("base64")
+            .replace(/\+/g, "-")
+            .replace(/\//g, "_")
+            .replace(/=+$/, ""); // Remove padding `=` characters
+
+        await gmail.users.messages.send({
+            userId: "me",
+            requestBody: { raw: encodedEmail },
+        });
+
+        console.log(`✅ Email sent successfully to ${recipient}`);
+    } catch (error) {
+        console.log(`❌ Failed to send email to ${recipient}:`, error);
+        throw error;
+    }
+};
+
+module.exports = { sendEmail };

backend/utils/setupDB.js

@@ -0,0 +1,87 @@
+//SQLite
+const sqlite3 = require('sqlite3').verbose();
+const {runQuery, runSelectQuery} = require("./queries");
+
+// Initialize the database by creating tables if they don't exist
+async function initializeDatabase() {
+    try {
+        // Define the queries for table creation
+        const tables = {
+            subscribers: `CREATE TABLE IF NOT EXISTS subscribers (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                date TEXT,
+                time TEXT,
+                email TEXT NOT NULL UNIQUE
+            )`,
+            applicants: `CREATE TABLE IF NOT EXISTS applicants (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                date TEXT,
+                time TEXT,
+                name TEXT NOT NULL,
+                email TEXT NOT NULL,
+                phone TEXT,
+                role TEXT,
+                experience TEXT,
+                linkedin TEXT,
+                resume BLOB,
+                filename TEXT NOT NULL
+            )`,
+            demo_requests: `CREATE TABLE IF NOT EXISTS demo_requests (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                date TEXT,
+                time TEXT,
+                name TEXT NOT NULL,
+                email TEXT NOT NULL,
+                company TEXT,
+                product TEXT,
+                demo_date TEXT,
+                slot TEXT,
+                phone TEXT,
+                comments TEXT
+            )`,
+            contact_requests: `CREATE TABLE IF NOT EXISTS contact_requests (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                date TEXT,
+                time TEXT,
+                name TEXT NOT NULL,
+                email TEXT NOT NULL,
+                phone TEXT,
+                subject TEXT,
+                message TEXT
+            )`,
+            purchases: `CREATE TABLE IF NOT EXISTS purchases (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                purchase_date TEXT,
+                time TEXT,
+                name TEXT NOT NULL,
+                email TEXT NOT NULL,
+                phone TEXT,
+                product TEXT,
+                subscription_plan TEXT,
+                subscription_type TEXT
+            )`,
+            jobs: `CREATE TABLE IF NOT EXISTS jobs (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                title TEXT NOT NULL,
+                description TEXT NOT NULL,
+                status TEXT CHECK(status IN ('Open', 'Closed')) NOT NULL DEFAULT 'Open',
+                vacancies INTEGER NOT NULL DEFAULT 0,
+                job_type TEXT CHECK(job_type IN ('Full-Time', 'Part-Time', 'Contract')) NOT NULL,
+                location TEXT CHECK(location IN ('On-Site', 'Remote', 'Hybrid')) NOT NULL,
+                date_posted TEXT NOT NULL,
+                deadline TEXT,
+                image_url TEXT
+            )`
+        };
+
+        // Iterate through each table and create it if necessary
+        for (const [table, query] of Object.entries(tables)) {
+            await runQuery(query);
+            console.log(`Table '${table}' is checked/created successfully.`);
+        }
+    } catch (err) {
+        console.error('Database connection error:', err);
+    }
+}
+
+module.exports = {initializeDatabase}

frontend/.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

frontend/README.md

@@ -0,0 +1,70 @@
+# Getting Started with Create React App
+
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `npm start`
+
+Runs the app in the development mode.\
+Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
+
+The page will reload when you make changes.\
+You may also see any lint errors in the console.
+
+### `npm test`
+
+Launches the test runner in the interactive watch mode.\
+See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
+
+### `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!
+
+See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
+
+### `npm run eject`
+
+**Note: this is a one-way operation. Once you `eject`, you can't go back!**
+
+If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
+
+Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
+
+You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
+
+## Learn More
+
+You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
+
+To learn React, check out the [React documentation](https://reactjs.org/).
+
+### Code Splitting
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
+
+### Analyzing the Bundle Size
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
+
+### Making a Progressive Web App
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
+
+### Advanced Configuration
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
+
+### Deployment
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
+
+### `npm run build` fails to minify
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)

frontend/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "frontend",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@gsap/react": "^2.1.1",
+    "@react-icons/all-files": "^4.1.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.6.0",
+    "axios": "^1.7.9",
+    "cra-template": "1.2.0",
+    "eslint-config-react-app": "^7.0.1",
+    "gsap": "^3.12.5",
+    "intl-tel-input": "^25.2.0",
+    "luxon": "^3.5.0",
+    "react": "^18.0.0",
+    "react-datepicker": "^7.6.0",
+    "react-day-picker": "^9.5.0",
+    "react-dom": "^18.3.1",
+    "react-icons": "^5.4.0",
+    "react-router-dom": "^6.28.2",
+    "react-scripts": "5.0.1",
+    "react-typed": "^2.0.12",
+    "styled-components": "^6.1.13",
+    "web-vitals": "^4.2.4"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "jest",
+    "eject": "react-scripts eject",
+    "test:e2e": "node runE2ETests.js"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.26.3",
+    "allure-commandline": "^2.32.0",
+    "allure-jest": "^3.0.9",
+    "autoprefixer": "^10.4.20",
+    "axios-mock-adapter": "^2.1.0",
+    "babel-jest": "^29.7.0",
+    "chromedriver": "^132.0.2",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-allure": "^0.1.3",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-html-reporter": "^3.10.2",
+    "jest-stare": "^2.5.2",
+    "jest-styled-components": "^7.2.0",
+    "postcss": "^8.4.49",
+    "selenium-webdriver": "^4.28.1",
+    "tailwindcss": "^3.4.17"
+  },
+  "proxy": "http://localhost:7860",
+  "jest-html-reporter": {
+    "pageTitle": "Your test suite",
+    "outputPath": "test-report.html",
+    "includeFailureMsg": true,
+    "executionMode": "reporter"
+  }
+}

frontend/public/index.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/logo.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>Genomatics | Variants Deciphered</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>

frontend/public/manifest.json

@@ -0,0 +1,10 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

frontend/public/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

frontend/src/App.js

@@ -0,0 +1,54 @@
+import React from "react";
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import Header from "./sections/Header";
+import Footer from "./sections/Footer";
+import Home from "./pages/Home";
+import About from "./pages/About";
+import Blogs from "./pages/Blogs";
+import BlogPage from "./pages/Blogpage"; // Import the BlogPage component
+import Jobs from "./pages/Jobs";
+import JobPage from "./pages/Jobpage";
+import VarDiG from "./pages/VarDiG";
+import Contact from "./pages/Contact";
+import PrivacyPolicy from "./pages/Privacy";
+
+import ScrollTop from "./components/ScrollTop";
+import TransitionWrapper from "./components/Transition";
+
+
+function App() {
+  return (
+    <Router>
+      <ScrollTop />
+      <TransitionWrapper>
+      <div className="flex flex-col min-h-screen">
+        <Header />
+
+        {/* Main content area */}
+        <main className="flex-grow">
+          <Routes>
+            <Route path="/" element={<Home />} />
+            <Route path="/vardig" element={<VarDiG />} />
+            <Route path="/about" element={<About />} />
+            <Route path="/blogs" element={<Blogs />} />
+            
+            {/* Add Dynamic Route for Individual Blog Pages */}
+            <Route path="/blog/:slug" element={<BlogPage/>} />
+
+            <Route path="/jobs" element={<Jobs />} />
+            <Route path="/job/:slug" element={<JobPage/>} />
+
+            <Route path="/contact" element={<Contact />} />
+            <Route path="/privacy-policy" element={<PrivacyPolicy />} />
+          </Routes>
+        </main>
+
+        {/* Footer will stay at the bottom */}
+        <Footer />
+      </div>
+      </TransitionWrapper>
+    </Router>
+  );
+}
+
+export default App;