Software Engineer & Designer 🪴

projects

github

hashnode

gumroad

youtube

dribbble

Rohan Pothuru  • Peerlist

<h2>API Clinic - <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="http://apiclinic.vercel.app">apiclinic.vercel.app</a></h2><p>API Clinic is a powerful and user-friendly API testing tool designed to simplify the process of testing and debugging APIs. It provides essential features for sending requests, inspecting responses, and managing environment variables, all within a clean and intuitive interface.</p><h2>Features</h2><ul><li><p><strong>Request Builder</strong>: Easily construct GET, POST, PUT, DELETE, and other HTTP requests.</p></li><li><p><strong>Response Viewer</strong>: View and analyze response headers, status codes, and body content.</p></li><li><p><strong>Environment Variables</strong>: Manage different environments (development, staging, production) with variable support.</p></li><li><p><strong>History Logs</strong>: Keep a history of all API requests and responses for reference.</p></li><li><p><strong>Import/Export</strong>: Save and load your API testing sessions for convenience and sharing.</p></li><li><p><strong>Real-time Visit Counter</strong>: Track the number of visits to the application.</p></li></ul><h2>Usage</h2><ol><li><p><strong>Making a Request</strong>:</p><ul><li><p>Select the HTTP method (GET, POST, etc.) from the dropdown.</p></li><li><p>Enter the API URL in the URL field.</p></li><li><p>Add any necessary headers in the Headers tab.</p></li><li><p>If needed, add a request body in the Body tab.</p></li><li><p>Click "Send Request" to make the API call.</p></li></ul></li><li><p><strong>Viewing the Response</strong>:</p><ul><li><p>The response will be displayed in the Response section, showing status, headers, and body.</p></li></ul></li><li><p><strong>Using Environment Variables</strong>:</p><ul><li><p>Add environment variables in the Environment Variables section.</p></li><li><p>Use variables in your requests by wrapping them in double curly braces, e.g., {{variable_name}}.</p></li></ul></li><li><p><strong>Accessing Request History</strong>:</p><ul><li><p>View and reuse previous requests from the Request History panel.</p></li></ul></li><li><p><strong>Importing/Exporting Data</strong>:</p><ul><li><p>Use the Import/Export buttons to save or load your API testing sessions.</p></li></ul></li></ol><h2>Contributing</h2><p>Contributions are welcome! Please feel free to submit a Pull Request.</p><h2>License</h2><p>This project is licensed under the MIT License.</p>

API Clinic

<h2>Git Time Machine</h2><p>🕰️ An elegant and powerful CLI tool for visualizing git repository history with real-time analysis and beautiful formatting.<br><br><em>152+ downloads within 12 hours (Even I'm shocked)</em><br></p><ul><li><p>🎨 Beautiful new interface with interactive menus</p></li><li><p>📊 Enhanced repository analytics</p></li><li><p>🔍 Detailed contributor insights</p></li><li><p>📈 Code change statistics</p></li><li><p>🌳 Comprehensive branch analysis</p></li><li><p>⚡ Improved performance<br><br></p></li></ul><h2>🚀 Installation</h2><p>npx git-time-machine <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="https://github.com/username/repository">https://github.com/username/repository</a></p><p>Or install globally:</p><p>npm install -g git-time-machine git-time-machine <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="https://github.com/username/repository">https://github.com/username/repository</a><br></p><h2>🎯 Features<br></h2><h3>Repository Overview</h3><ul><li><p>Total commit count</p></li><li><p>Recent activity analysis</p></li><li><p>File change statistics</p></li><li><p>Current branch status<br></p></li></ul><h3>Commit Analysis</h3><ul><li><p>Detailed commit history</p></li><li><p>Commit patterns</p></li><li><p>Author contributions</p></li><li><p>Time-based insights<br></p></li></ul><h3>Branch Information</h3><ul><li><p>Complete branch listing</p></li><li><p>Branch comparison</p></li><li><p>Active branch details<br></p></li></ul><h3>Code Changes</h3><ul><li><p>Most active files</p></li><li><p>Change frequency</p></li><li><p>Impact analysis</p></li><li><p>File modification stats<br></p></li></ul><h3>Contributor Stats</h3><ul><li><p>Contribution leaderboard</p></li><li><p>Author activity</p></li><li><p>Time-based metrics<br></p></li></ul><h2></h2><h3>Examples</h3><p>Analyze last 60 days:</p><p>git-time-machine <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="https://github.com/username/repo">https://github.com/username/repo</a> -d 60<br></p><p>Analyze specific branch:</p><p>git-time-machine <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="https://github.com/username/repo">https://github.com/username/repo</a> -b develop<br></p><p>Filter by author:</p><p>git-time-machine <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="https://github.com/username/repo">https://github.com/username/repo</a> -a "<a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="mailto:user@example.com">user@example.com</a>"<br><br></p><h2>🔗 Links</h2><ul><li><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="https://www.npmjs.com/package/git-time-machine">NPM Package</a></p></li><li><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="https://github.com/rohzzn/git-time-machine">GitHub Repository</a></p></li><li><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="https://github.com/rohzzn/git-time-machine/issues">Bug Reports</a></p></li></ul>

Git Time Machine

<h2>Personal Portfolio</h2><p>A modern, multi-page personal portfolio built with <strong>Next.js</strong>, <strong>React</strong>, <strong>Tailwind CSS</strong>, and <strong>TypeScript</strong>. Showcasing projects, hobbies, writing, and more with a focus on minimalistic design and enhanced interactivity.</p><h2>APIs Used</h2><ul><li><p><strong>Jikan API</strong>: Anime list and hover previews.</p></li><li><p><strong>Steam API</strong>: Gaming stats and library.</p></li><li><p><strong>Lanyard API</strong>: Discord status integration.</p></li><li><p><strong>Google Books API</strong>: Book covers and reviews.</p></li><li><p><strong>Strava API</strong>: Running stats and lifetime achievements.</p></li></ul>

Minimal Portfolio

<p>ipynb-image-extractor is a Python package that allows you to easily extract images from IPython Notebooks and save them to a specified output folder.</p><h2 class="rich-heading">Installation</h2><p>You can install ipynb-image-extractor via pip:</p><pre><code>pip install ipynb-image-extractor</code></pre><h2 class="rich-heading">Usage</h2><p>Once installed, you can use the extract-images command to extract images from an IPython Notebook file and save them to an output folder. Here's the basic usage:</p><pre><code>extract-images input.ipynb output_folder</code></pre><ul><li><p>input.ipynb: The path to the IPython Notebook file from which you want to extract images.</p></li><li><p>output_folder: The folder where the extracted images will be saved.</p></li></ul><h2 class="rich-heading">How it Works</h2><p>The package utilizes the nbformat and Pillow libraries to parse the IPython Notebook and extract image data from 'image/png' outputs. The images are saved in PNG format.</p><h2 class="rich-heading"></h2>

NoteBook Pipy Module

<p>This is a minimal TODO iOS app built using Swift. The app allows you to add tasks that you need to complete and mark them as completed when done.</p><h3 class="rich-heading">Features</h3><ul><li><p>Add tasks</p></li><li><p>Mark tasks as completed</p></li><li><p>Delete tasks</p></li></ul><h3 class="rich-heading">Requirements</h3><ul><li><p>Xcode 12+</p></li><li><p>iOS 15+</p></li></ul><h3 class="rich-heading">Installation</h3><ul><li><p>Clone the repository to your local machine</p></li><li><p>Open the project in Xcode</p></li><li><p>Build and run the app on your simulator or device</p></li></ul><h3 class="rich-heading">Usage</h3><ul><li><p>Launch the app</p></li><li><p>Tap the "+" button to add a new task</p></li><li><p>Enter the task details and tap "Save"</p></li><li><p>To mark a task as completed, swipe left on the task and tap the "Complete" button</p></li><li><p>To delete a task, swipe left on the task and tap the "Delete" button</p></li></ul>

Todo

<p>A Figma plugin that allows users to automatically create pages before starting the design process. This plugin is built using TypeScript and is designed to save time and streamline the design process.</p><h2 class="rich-heading">Features</h2><ul><li><p>Automatically creates pages with predefined templates</p></li><li><p>User can select the number of pages to be created</p></li><li><p>User can choose the template of the page</p></li><li><p>User can choose the naming conventions of the pages</p></li><li><p>Lightweight and easy to use</p></li><li><p>Save time and streamline the design process</p></li></ul><h2 class="rich-heading">Getting Started</h2><p>These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.</p><h3 class="rich-heading">Prerequisites</h3><ul><li><p>Figma account</p></li><li><p>Node.js</p></li><li><p>npm</p></li></ul><h3 class="rich-heading">Installing</h3><p>Clone the repository to your local machine</p>git clone https://github.com/rohzzn/pages.git
<p>Navigate to the project's root directory</p>cd pages
<p>Install the required dependencies</p>npm install
<p>Build the project</p>npm run build
<p>Go to Figma, open any project and click on the plugins button on the top right corner, select the "Development" and "New plugin" and then use the "manifest.json" file to load the plugin</p><h2 class="rich-heading">Built With</h2><ul><li><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.typescriptlang.org/">TypeScript</a></p></li><li><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.figma.com/plugin-docs/">Figma API</a></p></li></ul>

Pages

<p>Zenitsu Bot is a Discord moderation bot that includes a welcome system. The name is inspired from famous anime called Demon Slayer. It is built using the Discord.js library and the ECMAScript language.</p><h2 class="rich-heading">Features</h2><ul><li><p>Customizable welcome message</p></li><li><p>Auto-role assignment</p></li><li><p>Welcome &amp; leave message</p></li><li><p>Kick and ban commands</p></li><li><p>Mute command</p></li></ul><h2 class="rich-heading">Usage</h2><p><strong>Prefix (z.)</strong></p><ol><li><p>kick: This command allows a user with the appropriate permissions to remove a member from the server.</p></li><li><p>Ban: This command allows a user with the appropriate permissions to ban a member from the server.</p></li><li><p>Mute: This command allows a user with the appropriate permissions to mute a member from the server.</p></li><li><p>Clear: This command allows a user with the appropriate permissions to clear a certain number of messages from a text channel.</p></li><li><p>Dice: This command simulates the rolling of a dice, returning a random number from 1-6.</p></li><li><p>RPS: This command allows a user to play rock-paper-scissors against the bot, returning the outcome of the game.</p></li><li><p>Coinflip: This command simulates the flipping of a coin, returning either "heads" or "tails".</p></li><li><p>Rollsum: This command allows a user to roll a specified number of dice, returning the sum of the rolled numbers.</p></li><li><p>Welcome: This command allows user to set the welcome message for new member</p></li><li><p>Avatar: This command returns the avatar URL of the mentioned user.</p></li><li><p>Time: This command returns the current time of the server.</p></li><li><p>Ping: This command returns the bot's ping time.</p></li><li><p>Say: This command allows the user to make the bot repeat a message</p></li><li><p>Embed: This command allows user to create a message embed</p></li><li><p>Invite: This command returns the bot invite link</p></li><li><p>Members: This command returns the total number of members in the server</p></li><li><p>Servericon: This command returns the server icon</p></li><li><p>Serverbanner: This command returns the server banner</p></li><li><p>Vote: This command allows user to create a vote</p></li><li><p>Cal: This command allows user to calculate the result of any mathematical expression</p></li><li><p>Live: This command allows user to check the live status of any website</p></li><li><p>Donate: This command returns the donate link of the bot</p></li><li><p>Server: This command returns information about the server</p></li></ol><p>Please note that the above commands and their descriptions are examples, the actual commands, their functionality and the prefix may vary based on the bot you are using.</p><h2 class="rich-heading">Installation</h2><ol><li><p>Clone the repository using git clone <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/rohzzn/zenitsu-bot.git">https://github.com/rohzzn/zenitsu-bot.git</a></p></li><li><p>Install the dependencies using npm install</p></li><li><p>Create a .env file and fill in your Discord bot token, prefix and any other environment variables</p></li><li><p>Run the bot using node index.js</p></li></ol><h2 class="rich-heading">Contributing</h2><p>If you would like to contribute to the development of zenitsu-bot, please fork the repository and make changes to the code. Once you are done, submit a pull request and I will review your changes.</p><h2 class="rich-heading">Support</h2><p>If you have any questions or issues with the bot, please open an issue on this repository and I will try to assist you as soon as possible.</p>

Zenitsu

<h2 class="rich-heading">Introduction</h2><p>Dekho Car is a modern and user-friendly rent car website built using React, Next.js 13, TypeScript, Tailwind CSS, and RapidAPI. It allows users to easily find and rent cars for their travel needs.</p><h2 class="rich-heading">Features</h2><ul><li><p><strong>Intuitive UI</strong>: The website provides a simple and intuitive user interface, making it easy for users to browse and find their ideal car.</p></li><li><p><strong>Search and Filters</strong>: Users can use the powerful search and filtering options to quickly narrow down their search based on location, date, car type, and more.</p></li><li><p><strong>Car Details</strong>: Detailed information is provided for each car, including images, specifications, features, and rental pricing, fetched from RapidAPI.</p></li><li><p><strong>Responsive Design</strong>: The website is designed to be responsive, providing a seamless experience across various devices.</p></li></ul><h2 class="rich-heading">Installation</h2><p>To run the Dekho Car website locally, follow these steps:</p><ol><li><p>Clone the repository: git clone <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/rohzzn/dekhocar.git">https://github.com/rohzzn/dekhocar.git</a></p></li><li><p>Navigate to the project directory: cd dekhocar</p></li><li><p>Install dependencies: npm i next</p></li><li><p>Obtain your RapidAPI key by signing up at <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://rapidapi.com">https://rapidapi.com</a>.</p></li><li><p>Start the development server: npm run dev</p></li><li><p>Open your browser and go to <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="http://localhost:3000">http://localhost:3000</a> to view the website.</p></li></ol><h2 class="rich-heading">Technologies Used</h2><ul><li><p>React: A popular JavaScript library for building user interfaces.</p></li><li><p>Next.js 13: A powerful framework for server-rendered React applications.</p></li><li><p>TypeScript: A typed superset of JavaScript that enhances code quality and maintainability.</p></li><li><p>Tailwind CSS: A utility-first CSS framework for creating flexible and responsive designs.</p></li><li><p>RapidAPI: An API marketplace used to fetch car details and information.</p></li></ul><h2 class="rich-heading"></h2>

Dekho Car

<h2 class="rich-heading">Installation</h2><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://chrome.google.com/webstore/detail/hex-picker/jmnkgndafoldkblpnmmollbgkdfemmfc">Click here</a> to add the extension to your browser.</p><h2 class="rich-heading">Usage</h2><pre><code>Copy codeimport ColorPicker from 'color-picker';

const picker = new ColorPicker();
picker.show();</code></pre><h2 class="rich-heading">Methods</h2><pre><code>Copy code// Show the color picker
picker.show();

// Hide the color picker
picker.hide();

// Get the current color
const color = picker.getColor();

// Set the current color
picker.setColor('#ff0000');</code></pre><h2 class="rich-heading">Browser Support</h2><p>Color Picker works in modern browsers that support the HTML5 &lt;input type="color"&gt; element.</p><h2 class="rich-heading"></h2>

Hex Picker

<p>This is a custom theme for Visual Studio that I have created. It offers a clean and modern look, with a color scheme optimized for readability and easy navigation.</p><p></p><p>To add the theme to your IDE - <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://marketplace.visualstudio.com/items?itemName=RohanSanjeev.tanoshi&amp;ssr=false#overview">Click Here</a></p><h2 class="rich-heading">Features</h2><ul><li><p>Highlighted syntax for better code readability</p></li><li><p>Easy navigation with clear and readable icons</p></li></ul><h2 class="rich-heading">Installation</h2><ol><li><p>Download the theme files from this repository</p></li><li><p>Open Visual Studio</p></li><li><p>Go to Tools &gt; Import and Export Settings</p></li><li><p>Select "Import selected environment settings" and browse to the downloaded theme file</p></li><li><p>Select the theme from the color theme dropdown in the environment settings</p></li></ol><p></p>

Tanoshi

<h2 class="rich-heading">Features</h2><ul><li><p>Authentication - Google, Slack, Microsoft</p></li><li><p>Voice Call - Crystal-clear one-to-one or group voice calls</p></li><li><p>Video Call - High-quality one-to-one or group video calls</p></li><li><p>Interactive Live Streaming / Screen Sharing- Live streaming with low latency and light interaction</p></li><li><p>Real Time Messaging - Global messaging service with high reliability and low latency</p></li><li><p>Private Messaging</p></li><li><p>30 Users Support</p></li><li><p>Host / Attendee URL</p></li><li><p>Rooms</p></li><li><p>Named Rooms</p></li><li><p>Toggle user audio</p></li><li><p>Toggle user video</p></li><li><p>Fully responsive web app</p></li></ul><p></p><h2 class="rich-heading">Technologies Used</h2><p>The project is made using these technologies.</p><h3 class="rich-heading">Frontend</h3><ul><li><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.javascript.com/">JavaScript</a></p></li><li><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.typescriptlang.org/">TypeScript</a></p></li></ul><h3 class="rich-heading">Backend</h3><ul><li><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://golang.org/">Go</a></p></li><li><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://nodejs.org/">NodeJS</a></p></li></ul><h3 class="rich-heading">Video Call and Chat</h3><ul><li><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.agora.io/">Agora</a></p></li></ul><h3 class="rich-heading">Database</h3><ul><li><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.docker.com/">Docker</a></p></li><li><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.oracle.com/in/database/technologies/appdev/sqldeveloper-landing.html">SQL</a></p></li></ul><h3 class="rich-heading">Hosting</h3><ul><li><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://dashboard.heroku.com/login">Heroku</a></p></li><li><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://vercel.com/dashboard">Vercel</a></p></li></ul><p></p><h2 class="rich-heading">Development</h2><p>To run this project locally do the following:</p><pre><code># clone this repository
git clone https://github.com/Calatop/MREC-MEET.git 

# You need nodejs v14.x installed on you system
npm i
npm start</code></pre><h2 class="rich-heading"></h2>

Meet

<p>Built using Tiled and JavaScript, this game allows you to explore a vibrant and interactive world filled with detailed maps and smooth gameplay. Experience the charm of the Pokémon universe with updated graphics and the ability to move around and interact with various objects.</p><h3>Features</h3><ul><li><p>Detailed and intricate maps created using Tiled</p></li><li><p>Smooth gameplay thanks to JavaScript</p></li><li><p>Upgraded graphics for a more immersive experience</p></li><li><p>Interact with various objects in the world</p></li><li><p>Compatible with any web browser</p></li></ul><h3>Getting Started</h3><p>To get started, clone the repository and run the application on a local server. Then, open your web browser and navigate to the <a target="_blank" rel="noopener noreferrer nofollow" class="break-all link-break text-gray-500 hover:underline text-green-text rich-link" href="http://localhost">localhost</a> where the application is running.</p><p>git clone https://github.com/rohzzn/pokemon.git
</p><h3>Prerequisites</h3><ul><li><p>A web browser</p></li><li><p>A local server to run the application</p></li></ul><h3>Built With</h3><ul><li><p>Tiled</p></li><li><p>JavaScript</p></li></ul><h3>Contributing</h3><p>We welcome contributions to this project. To contribute, fork the repository, make your changes, and submit a pull request for review.</p><h3>Disclaimer</h3><p>This project is not endorsed, sponsored or approved by Nintendo, Creatures Inc. or GAME FREAK inc. All trademarks and registered trademarks appearing on this application are the property of their respective owners.</p>