Frontend Engineer | React TypeScript

youtube

projects

github

Milind Mishra  • Peerlist

API Docs ViewerA personal OpenAPI documentation browser that's simple, clean, and ready to use. View any OpenAPI specification by URL or direct content paste.Features<ul><li>View OpenAPI/Swagger documentation in a modern, interactive interface</li><li>Add specs via URL or by pasting YAML/JSON content</li><li>Supports OpenAPI 2.0, 3.0, and 3.1</li><li>All data stored locally in your browser - no server uploads</li></ul>Usage<ol><li>Visit <a target="_blank" rel="nofollow" class="break-all link-break text-gray-500 hover:underline" href="https://api-docs.milind.app/">API Docs Viewer</a></li><li>Click "Add API Spec" button or the Settings icon</li><li>Choose one of the options:<ul><li>URL: Paste a link to your hosted OpenAPI specification</li><li>Content: Paste your YAML/JSON OpenAPI specification directly</li></ul></li><li>View and interact with your API documentation</li></ol>Your specifications are saved in your browser's local storage for future visits.Built With<ul><li><a target="_blank" rel="nofollow" class="break-all link-break text-gray-500 hover:underline" href="https://reactjs.org/">React</a> + <a target="_blank" rel="nofollow" class="break-all link-break text-gray-500 hover:underline" href="https://www.typescriptlang.org/">TypeScript</a></li><li><a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://github.com/scalar/scalar">Scalar API Reference</a> - For rendering OpenAPI documentation</li></ul>

OpenAPI Docs Viewer

A curated space for developers to share and discover amazing side projects. Add the side-project topic to your GitHub repositories &amp; showcase them at <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="http://sideprojects.directory/your_github_username">sideprojects.directory/your_github_username</a>.

sideprojects.directory

A command-line tool to scan your project for TODO and FIXME comments, helping you keep track of pending tasks and issues in your codebase. Features - Recursively scans directories for TODO and FIXME comments Supports multiple file types including JavaScript, TypeScript, Markdown, HTML, CSS, and more Excludes common directories like node_modules, .git, and build folders - Flexible output formats: console, JSON, and CSV Easy to use with customizable options Installation Install the package globally using npm: npm install -g todo-fixme-scanner Or use it directly with npx: npx todo-fixme-scanner@latest Learn More : <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.npmjs.com/package/todo-fixme-scanner">https://www.npmjs.com/package/todo-fixme-scanner</a>

TODO FIXME Scanner

Walkthrough : <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.youtube.com/watch?v=r9linZSEmPE">https://www.youtube.com/watch?v=r9linZSEmPE</a> Dark Mode Support : <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.youtube.com/watch?v=ROT-LdAdq5s">https://www.youtube.com/watch?v=ROT-LdAdq5s</a> Input from Search Params : <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.youtube.com/watch?v=sGjYqXtwa20">https://www.youtube.com/watch?v=sGjYqXtwa20</a> JSON Visualizer is a powerful and user-friendly tool designed to make working with JSON data simple and efficient. It allows developers, data analysts, and technical enthusiasts to visualize, explore, and share JSON structures with ease. Whether you’re debugging APIs, reviewing data, or building complex apps, this tool transforms raw JSON into well-organized, readable formats, providing clarity and insight into even the most nested data.

JSON Visualizer

<h3 class="rich-heading">Breadcrumbs for React 🍞</h3>The Breadcrumbs component is a flexible navigation tool for your React apps.import Breadcrumbs from "@/components/breadcrumbs";&lt;Breadcrumbs pages={[{ name: "Breadcrumbs", href: "<a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://peerlist.io/milind/breadcrumbs">https://peerlist.io/milind/breadcrumbs</a>" }]} /&gt;

Breadcrumbs

<h3 class="rich-heading">Wchat is an app to help you send WhatsApp message without the hassle of saving phone number</h3><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://wchat.makkhanlabs.com/">https://wchat.makkhanlabs.com/</a>

wchat

SIH 2023 Winner | Pursuing AIML At New Horizon College of Engineering

Fullstack Developer 💻 | Music Producer 🎵 | Singer/Guitarist 🎸 | UI/UX Enthusiast 💡 | Quantum Mechanics enthusiast 🌠

Developer @CastledHQ | Open Source | Freelance  Developer and Designer | 3 x Hackathons 🏆 | 2 x MVP 👑 shipped

React | React Native | MERN Stack Developer

<h3 class="rich-heading">Curate Learning Roadmaps with AI</h3>Enter a topic and let the AI generate a roadmap for youProduct Demo : <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.youtube.com/watch?v=Uz_vbowRpsA">https://www.youtube.com/watch?v=Uz_vbowRpsA</a>No structured learning plan? No problem.We help you generate a structured learning roadmap for any topic you want to learn. Just enter the topic and let us handle the rest.Try out Generating Roadmaps : <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.airoadmapgenerator.com/roadmap">https://www.airoadmapgenerator.com/roadmap</a>Explore the generated roadmaps : <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.airoadmapgenerator.com/explore">https://www.airoadmapgenerator.com/explore</a>A few generated ones : Backend : <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.airoadmapgenerator.com/roadmap/cluqobxvs003shc0agvoh0f50">https://www.airoadmapgenerator.com/roadmap/cluqobxvs003shc0agvoh0f50</a>Frontend : <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.airoadmapgenerator.com/roadmap/cluik00o6001lye79osk1301z">https://www.airoadmapgenerator.com/roadmap/cluik00o6001lye79osk1301z</a>Web 3 : <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.airoadmapgenerator.com/roadmap/cluik0y12001oye79i3mq6s0q">https://www.airoadmapgenerator.com/roadmap/cluik0y12001oye79i3mq6s0q</a>Machine Learning : <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.airoadmapgenerator.com/roadmap/clupklkxg0012ej06fsx0gxui">https://www.airoadmapgenerator.com/roadmap/clupklkxg0012ej06fsx0gxui</a>Built with ❤️ by Makkhan Labs