will fill bio later

github

projects

devto

Rohan Mirjankar • Peerlist

<h3>Overview</h3>TrashTrace is a full-stack web application that lets anyone create a traceable waste shipment, generate a QR code to attach to the physical package, and verify whether that package reached its intended destination (e.g. a recycling centre) based on GPS scan data. It is built for transparency — the system explicitly states that tracking is QR-scan-based, not physical movement tracking.<h3>Architecture</h3>The project is structured into a frontend and backend:<ul><li>Frontend: Built with React and Vite, it serves as a Single Page Application (SPA). Key components include pages for creating shipments, tracking shipments, scanning QR codes, and an owner dashboard. It also utilizes utility functions for geolocation and owner token management.</li><li>Backend: Developed using Node.js and Express, it functions as an API that can also be deployed as a Vercel serverless function. It connects to MongoDB using Mongoose for data persistence, defining models for Trash, Scan, and Notification. Routes handle trash shipments and notifications, with utility functions for geocoding addresses (using OpenStreetMap Nominatim) and calculating distances (Haversine formula). Tests are managed with Jest.</li></ul><h3>Features</h3><ul><li>Create Shipment: Register a waste package with type, destination, and GPS source location.</li><li>QR Code Generation: Generate a scannable QR code per package for download or printing.</li><li>Scan &amp; Track: Couriers scan the package, and GPS coordinates are logged.</li><li>Delivery Verification: Packages are marked DELIVERED if scanned within a configurable radius of the destination.</li><li>Owner Dashboard: A device-based dashboard displays all packages and notifications for the owner.</li><li>Notifications: An in-app notification log tracks package scans and deliveries.</li><li>Geocoding: Destination addresses are geocoded via OpenStreetMap Nominatim.</li></ul><h3>Local Setup</h3>Prerequisites:<ul><li>Node.js ≥ 18</li><li>MongoDB Atlas account or a local MongoDB instance</li></ul>Steps:<ol><li>Clone the repository and install dependencies using npm.</li><li>Copy the .env.example file to .env and configure your MongoDB connection string.</li><li>Run the application locally using npm run dev.</li></ol><h3>Vercel Deployment</h3>The project can be deployed to Vercel. The setup involves pushing the code to GitHub, importing the project into Vercel, configuring environment variables (including the MongoDB URI and Vercel deployment URL), and Vercel handles the build and deployment process, serving the React SPA and the Node.js serverless function.<h3>API Endpoints</h3>The backend exposes several API endpoints for managing shipments, scans, and notifications, including:<ul><li>GET /api/health: Health check.</li><li>POST /api/trash: Create a new trash shipment.</li><li>GET /api/trash/:trackingId: Get tracking info.</li><li>POST /api/trash/:trackingId/scan: Record a courier scan with latitude and longitude.</li><li>GET /api/notifications/:token: Get notifications for an owner.</li></ul><h3>How QR Tracking Works</h3>A unique tracking ID is generated for each shipment, and a QR code is created encoding the tracking URL. When a courier scans the QR code, their GPS coordinates are sent to the backend. The system then calculates the distance to the destination and updates the package status to DELIVERED or IN_TRANSIT. Notifications are generated if an owner token is provided.Important Limitation: This system tracks QR code scans, not physical package location. A scan near the destination suggests arrival but does not guarantee it.

QR-based waste tracking system

<h3>GridCraft: A React-Powered Pixel Art Tool</h3>
GridCraft is an innovative pixel art application built with React, offering a user-friendly interface for creating digital art on a customizable grid. Whether you're a seasoned artist or a beginner, GridCraft provides a streamlined experience for bringing your pixel art visions to life.
<ul>
<li>Multiple Grid Sizes: Choose from 16x16, 32x32, 64x64, or 128x128 canvases to suit your project's needs.</li>
<li>Full RGB Color Support: Utilize an intuitive RGB color picker to select from the entire spectrum of colors.</li>
<li>Export as PNG: Easily download your creations in PNG format for sharing and further use.</li>
<li>Intuitive Controls: Features like right-click drawing, a dedicated eraser mode, and clear canvas functionality make art creation seamless.</li>
<li>Undo/Redo Functionality: Work with confidence thanks to a robust undo and redo system that tracks your changes.</li>
<li>Real-time Updates: See your artwork evolve instantly with immediate visual feedback as you draw.</li>
</ul>
The application is built using modern React patterns and demonstrates efficient state management. It's designed to be a lightweight and accessible alternative to complex art software, making pixel art creation more approachable.
Key technical aspects include:
<ul>
<li>React 18 (CDN): Leverages React for a component-based architecture, loaded directly via CDN.</li>
<li>In-Browser JSX Transpilation: Uses Babel Standalone for on-the-fly conversion of JSX to JavaScript.</li>
<li>PNG Export System: Employs html2canvas for high-resolution image exports, ensuring clean output by temporarily adjusting grid styles.</li>
<li>Undo/Redo System: Implements a history tracking mechanism using a past, present, and future state pattern.</li>
</ul>
Explore the live demo and detailed user manual for a comprehensive understanding of GridCraft's capabilities.

Pixel art application with adjustable grids

<h3>Kravoxin is a lightweight Chrome extension designed to capture and organize your clipboard history, ensuring you never lose a copied snippet again.</h3><ul><li>Auto Capture: Automatically saves every text snippet copied from a webpage to your history with zero user effort.</li><li>Local Storage: All clipboard history is stored securely on your device using `chrome.storage.local`, ensuring complete privacy with no cloud synchronization.</li><li>Lightning Fast: Features a minimal footprint and provides instant access to your clipboard history through a clean, intuitive popup interface.</li><li>Favorite Items: Allows users to mark important snippets as favorites, protecting them from bulk deletions.</li><li>Easy Deletion: Offers the ability to instantly remove unwanted items or clear all non-favorite entries with a single click.</li><li>Modern Design: Boasts a beautiful dark theme with glassmorphism effects for a visually pleasing user experience.</li></ul>Installation is straightforward: clone or download the repository from GitHub, navigate to `chrome://extensions/`, enable developer mode, and load the unpacked Kravoxin folder. Once installed, simply copy text anywhere on the web and click the Kravoxin icon to view your clipboard history.Connect with the developer via GitHub, LinkedIn, Instagram, or email. Report bugs directly through the integrated bug report form, which creates a GitHub issue.

Kravoxin - Clipboard History Manager

<h3>Jump to Your Favorite Websites Instantly</h3><ul><li>Lightning Fast: Opens in milliseconds with zero load time for pure speed.</li><li>Smart Favicons: Automatically detects and displays favicons for over 200 tech stacks.</li><li>Local Storage: Your bookmarks stay on your machine, ensuring privacy with no cloud sync or tracking.</li><li>Zero Dependencies: Built with Vanilla JavaScript, offering pure code without frameworks or bloat.</li><li>Beautiful Design: Features a clean grid layout and smooth animations for an intuitive user experience.</li><li>Bulk Delete: Easily remove multiple bookmarks at once using simple checkboxes.</li></ul>Add your favorite websites once and access them forever with a single click. No more lost tabs or endless searching.<h4>Install in 3 Simple Steps:</h4><ol><li>Clone or Download: Get the code from GitHub.</li><li>Load as Extension: Enable Developer Mode in Chrome extensions and load the unpacked HopTab folder.</li><li>Start Using: Click the HopTab icon and begin adding your websites.</li></ol>Built with ❤️ by Rohan under the Apache 2.0 License.