Vetrivel-VP

module.exports = {
  purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      margin: {
        320: "320px",
      },
      width: {
        190: "190px",

Vetrivel-VP

module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      margin: {
        320: "320px",
      },
      width: {
        190: "190px",
        275: "275px",

Vetrivel-VP

module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      width: {
        150: "150px",
        190: "190px",
        225: "225px",
        275: "275px",
        300: "300px",

Vetrivel-VP

import axios from "axios";

const baseURL = "http://localhost:4000/";

export const validateUser = async (token) => {
  try {
    const res = await axios.get(`${baseURL}api/users/login`, {
      headers: {
        Authorization: "Bearer " + token,
      },

Vetrivel-VP

Support Codes
import {
  FaCamera,
  FaFire,
  FaHome,
  FaPaintBrush,
  FaVideo,
} from "react-icons/fa";

import { v4 as uuidv4 } from "uuid";

Vetrivel-VP

export const fetchQuery = `*[_type == 'products'] | order(_createdAt desc){
    _id,
    title,
    productType,
    mainImage {
      asset -> {
        url
      }
    },
    bgImage {

Vetrivel-VP

Tailwidcss Config
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./App.{js,jsx,ts,tsx}",
    "./screens/**/*.{js,jsx,ts,tsx}",
    "./components/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {

Vetrivel-VP

TailwindCss Configurations
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      colors: {
        primary: "#131417",
        secondary: "#1E1F26",
        primaryText: "#868CA0",

Vetrivel-VP

-------------------------------------Chat Container------------------------------------------

import React, { useState } from "react";
import { Avatar1, Avatar2, Avatar3, ChatHero, Three } from "../assets";
import { FaUsers } from "react-icons/fa6";
import { BsFillSendFill, BsThreeDots } from "react-icons/bs";
import moment from "moment";

const ChatContainer = () => {
  const [messages, setMessages] = useState([

Vetrivel-VP

STRIPE env Variables

----------------------------
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
STRIPE_SECRET_KEY=
STRIPE_WEBHOOK_SECRET=
----------------------------


Stripe Helpers