diff --git a/README.md b/README.md index 55cca33..1fce850 100644 --- a/README.md +++ b/README.md @@ -43,6 +43,7 @@ Here is the list of all utilities: - [Image Resizer](https://jam.dev/utilities/image-resizer) - [CSS Units Converter](https://jam.dev/utilities/css-units-converter) - [JWT Parser](https://jam.dev/utilities/jwt-parser) +- [UUID Generator](https://jam.dev/utilities/uuid-generator) ### Built With diff --git a/components/utils/tools-list.ts b/components/utils/tools-list.ts index 4a07f8f..255f3fb 100644 --- a/components/utils/tools-list.ts +++ b/components/utils/tools-list.ts @@ -119,4 +119,10 @@ export const tools = [ "Quickly generate secure hashes for your text using algorithms like SHA-256, SHA-512, MD5, and more. Ideal for password hashing, data integrity checks, and cryptographic applications.", link: "/utilities/hash-generator", }, + { + title: "UUID Generator", + description: + "Generate random UUIDs. Useful for creating unique identifiers for various applications such as database keys, session IDs, and more.", + link: "/utilities/uuid-generator", + }, ]; diff --git a/pages/utilities/uuid-generator.tsx b/pages/utilities/uuid-generator.tsx new file mode 100644 index 0000000..8688faa --- /dev/null +++ b/pages/utilities/uuid-generator.tsx @@ -0,0 +1,61 @@ +import React, { useState } from "react"; +import PageHeader from "@/components/PageHeader"; +import { Card } from "@/components/ds/CardComponent"; +import { Button } from "@/components/ds/ButtonComponent"; +import Header from "@/components/Header"; +import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; +import CallToActionGrid from "@/components/CallToActionGrid"; +import Meta from "@/components/Meta"; +import { CMDK } from "@/components/CMDK"; +import { Input } from "@/components/ds/InputComponent"; +import GitHubContribution from "@/components/GitHubContribution"; + +export default function UuidGenerator() { + const { buttonText, handleCopy } = useCopyToClipboard("Copy"); + const [currentUuid, setCurrentUUid] = useState(crypto.randomUUID()); + + return ( +
+ +
+ + +
+ +
+ +
+ +
+ +
+
+ + +
+
+
+ + + +
+ ); +}