MCPcopy Index your code
hub / github.com/YourAverageTechBro/DevToolboxWeb

github.com/YourAverageTechBro/DevToolboxWeb @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
157 symbols 451 edges 70 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

This is a Next.js project bootstrapped with create-next-app.

Getting Started

1. Obtain Your Clerk Secret Key or API Key

  • Go to the Clerk Dashboard.
  • Log in with your credentials.
  • Navigate to your instance or project settings.
  • Look for the section where API keys or secrets are listed. You should find your Secret Key or API Key there.

2. Create a .env.local File

  • Create the .env.local File: In the root directory of your project, create a file named .env.local
  • Add Your Keys: Open the .env.local file and add your Clerk keys like so:
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=<your_clerk_publishable_key_here>
CLERK_SECRET_KEY=<your_clerk_secret_key_here>

3. Run Your Development Server

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Self hosting with docker

Although the project is not yet available on Docker Hub, you can self-host it by building the Docker image yourself. Follow these steps to get started:

Step 1 : install the docker engine (how to install docker)

Step 2 : clone the repository

Step 3 : build the container

docker build . -t devoolboxweb

Step 4 get api key on Clerk Step 5 : run the docker with needed variables :

docker container run \
    --name devoolboxweb \
    -p 3000:3000 \
    -e NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_key \
    -e CLERK_SECRET_KEY=your_secret_key \
    devoolboxweb

Note : without the vars NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY and CLERK_SECRET_KEY , the container will throw error code 500.

Extension points exported contracts — how you extend this code

SelectorValue (Interface)
(no doc)
src/app/components/common/Selector.tsx
SelectorProps (Interface)
(no doc)
src/app/components/common/Selector.tsx
Props (Interface)
(no doc)
src/app/components/common/Button.tsx

Core symbols most depended-on inside this repo

useDebounce
called by 22
src/app/hooks/useDebounce.ts
getUserAndSubscriptionState
called by 19
src/actions/user.ts
saveHistory
called by 17
src/utils/clientUtils.ts
toHex
called by 7
src/app/tools/color-converter/ColorConverterComponent.tsx
reset
called by 4
src/app/tools/ascii-converter/AsciiConverterComponent.tsx
isValidBase64Format
called by 4
src/app/tools/base64imageencoder/Base64ImageEncoderComponent.tsx
rgbToHex
called by 3
src/app/tools/color-converter/ColorConverterComponent.tsx
hexToHsl
called by 3
src/app/tools/color-converter/ColorConverterComponent.tsx

Shape

Function 147
Enum 7
Interface 3

Languages

TypeScript100%

Modules by API surface

src/app/tools/color-converter/ColorConverterComponent.tsx14 symbols
src/app/tools/unix-time-converter/UnixTimeConverterComponent.tsx11 symbols
src/app/tools/string-converter/StringConverterComponent.tsx10 symbols
src/app/tools/hash-generator/HashGeneratorComponent.tsx9 symbols
src/app/tools/line-sort-and-dedupe/LineSortAndDedupeComponent.tsx8 symbols
src/app/tools/base64imageencoder/Base64ImageEncoderComponent.tsx8 symbols
src/app/tools/css-unit-converter/unitConverter.tsx7 symbols
src/app/tools/ascii-converter/AsciiConverterComponent.tsx6 symbols
src/app/components/common/FormatedJsonOutput.tsx5 symbols
src/app/tools/base64encoder/Base64EncoderClientComponent.tsx4 symbols
src/app/components/common/FormatedJsonOutputV2.tsx4 symbols
src/utils/clientUtils.ts3 symbols

For agents

$ claude mcp add DevToolboxWeb \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact