a sleak modern cool portfolio page for me, my name is Himanshu Kumar Dutt , i have attached my resume , i want it t be minial but effective showing my work for my recent work are remove socket io next auth hero ui i have limited expericene witth golang and pythno as i primarly worked with typescript react nextj for my work : https://github.com/HimanshuKumarDutt094/vite-starter Create Vite StarterA CLI tool to quickly create a new Vite + React + TypeScript project with modern tooling and best practices pre-configured.Features⚡️ Vite for blazing fast development⚛️ React 19 with TypeScript🎨 Tailwind CSS for styling🔧 ESLint + TypeScript ESLint for code quality🎭 Shadcn UI components🌗 Dark/Light mode out of the box📱 Responsive layouts with modern CSS🎯 Absolute imports🔄 Hot Module Replacement📦 Optimized production buildQuick Startnpx create-vite-starter@latest my-app cd my-app npm run devUsageYou can create a new project in two ways:Interactivenpx create-vite-starter@latestThis will guide you through project creation with interactive prompts.Directnpx create-vite-starter@latest my-appThis will create a new project in the my-app directory.OptionsDuring the interactive setup, you'll be asked:Project location: Where to create the project (default: current directory)Git initialization: Whether to initialize a Git repositoryDependencies installation: Whether to install dependencies automaticallyThe tool automatically detects your preferred package manager (npm, yarn, pnpm, or bun) and uses it for installation.Project Structuremy-app/ ├── public/ │ └── vite.svg ├── src/ │ ├── assets/ │ ├── components/ │ │ ├── providers/ │ │ ├── routes/ │ │ ├── shared/ │ │ └── ui/ │ ├── context/ │ ├── hooks/ │ ├── lib/ │ ├── App.tsx │ └── main.tsx ├── .eslintrc.js ├── index.html ├── package.json ├── tsconfig.json └── vite.config.ts Available Scriptsnpm run dev - Start development servernpm run build - Build for productionnpm run preview - Preview production buildnpm run lint - Lint code with ESLintDependenciesCoreReact 19TypeScriptViteUI & StylingTailwind CSSShadcn UIRadix UI PrimitivesLucide IconsDevelopment ToolsESLintTypeScript ESLintContributingFork the repositoryCreate your feature branch: git checkout -b feature/amazing-featureCommit your changes: git commit -m 'Add amazing feature'Push to the branch: git push origin feature/amazing-featureOpen a Pull RequestLicenseMIT License - see the LICENSE file for detailsAuthorHimanshuKumarDutt094GitHub: @HimanshuKumarDutt094Repository: vite-starterAcknowledgmentsViteReactTailwind CSSShadcn UI - Run the unit tests: bash npm run test Build the library:npm run build https://github.com/HimanshuKumarDutt094/randomizer Random Word API Server (Next.js, TypeScript)📖 API DocumentationInteractive API docs and schema are available at:👉 Swagger UIA type-safe API server built with Next.js and TypeScript for generating random words by category or part of speech. All data is sourced from JSON files in the public/ directory. No React or HTML—API only.📦 EndpointsCategory EndpointsEndpointDescriptionGET /api/animalsRandom animalGET /api/birdsRandom birdGET /api/fishRandom fishGET /api/fruitsRandom fruitGET /api/vegetablesRandom vegetablePart of Speech EndpointsEndpointDescriptionGET /api/random-verbRandom verbGET /api/random-nounRandom nounColor EndpointsEndpointDescriptionGET /api/color?format=hex|rgba|oklchRandom color (hex, rgba, oklch). Optional format query param.GET /api/color-palette?from=...&to=...&points=5&format=hex|rgba|oklchGenerate color palette between two colors. Optional format query param.Color Endpoint Query Parametersformat (optional): Specify the color format to return. One of hex, rgba, or oklch.Example: /api/color?format=hexColor Palette Endpoint Query Parametersfrom (required): Starting color (hex or rgba)to (required): Ending color (hex or rgba)points (optional): Number of colors in the palette (default: 5)format (optional): Specify the color format to return. One of hex, rgba, or oklch.Example: /api/color-palette?from=rgba(10,20,30,1)&to=rgba(200,100,50,0.5)&points=5&format=hexGeneral Random EndpointEndpointDescriptionGET /api/randomRandom animal, fish, fruit, bird, verb, noun, color, and palette📝 Response FormatAll endpoints return JSON. For color endpoints:{ "color": "#aabbcc" | "rgba(123,45,67,0.5)" | "oklch(70% 0.2 120)", "format": "hex" | "rgba" | "oklch" }For color palette:{ "palette": ["rgba(123,45,67,1)", ...], "format": "rgba" }For /api/random:{ "animal": { ... }, "fish": { ... }, "fruit": { ... }, "bird": { ... }, "verb": { ... }, "noun": { ... }, "color": { ... }, "palette": { ... }, "description": "..." }If a word is not found, a 404 is returned with:{ "error": "No <type> found" }🚨 Error HandlingAll API endpoints return a JSON error response with a suitable HTTP status code if a resource is not found or a required parameter is missing. Example error responses:{ "error": "No <type> found" }or{ "error": "No slug provided" }404 is returned for missing resources (e.g., no word found in a category).400 is returned for missing required parameters (e.g., missing slug).🛠️ Type SafetyAll types are defined in src/types/words.ts and re-exported from src/types/index.ts.📂 Data SourceAll word data is stored in JSON files in the public/ directory:animals.jsonbirds.jsonfish.jsonfruits.jsonvegetables.jsonnoun.jsonverb.jsonTo add or update words, simply edit the relevant JSON file.🏗️ Project Structuresrc/app/api/[category]/route.ts — Handles category endpointssrc/app/api/random/route.ts — Handles random word endpointsrc/app/api/random-verb/route.ts — Handles random verb endpointsrc/app/api/random-noun/route.ts — Handles random noun endpointsrc/types/words.ts — Type definitionssrc/app/apiWords.ts — Utility functions for reading JSON and random selection🚀 Usage ExampleFetch a random color:curl https://randomizer-black.vercel.app/api/color?format=oklchFetch a color palette:curl "https://randomizer-black.vercel.app/api/color-palette?from=rgba(10,20,30,1)&to=rgba(200,100,50,0.5)&points=5&format=hex"Fetch a random everything:curl https://randomizer-black.vercel.app/api/randomResponse:{ "animal": { "name": "Aardvark", "category": "animals", "partOfSpeech": "noun" }, "fish": { "name": "Bass", "category": "fish", "partOfSpeech": "noun" }, "fruit": { "name": "Apple", "category": "fruits", "partOfSpeech": "noun" }, "bird": { "name": "Crow", "category": "birds", "partOfSpeech": "noun" }, "verb": { "name": "Jump", "partOfSpeech": "verb" }, "noun": { "name": "Table", "partOfSpeech": "noun" }, "color": { "color": "#aabbcc", "format": "hex" }, "palette": { "palette": ["rgba(10,20,30,1)", ...], "format": "rgba" }, "description": "Aardvark with Bass, Apple, Crow doing Jump and Table in color #aabbcc with palette rgba(10,20,30,1), ..." }🧩 ExtendingAdd new categories or parts of speech by creating new JSON files in public/ and updating the utility map in apiWords.ts.All endpoints are stateless and cache-friendly.```