Forem: Baivab Sarkar

🚀 Introducing Markdown Viewer v2.0

Baivab Sarkar — Wed, 14 May 2025 19:06:23 +0000

A complete overhaul of your favorite Markdown tool — now with more power, better design, and features developers will love.

Markdown has become indispensable for developers, writers, and teams alike. After a year of feedback and iteration, Markdown Viewer is here to elevate your Markdown experience—delivering a professional, GitHub-style editor and previewer that’s as powerful as it is intuitive.

Let’s take a look at what’s new!

✨ What’s New?

Markdown Viewer has been redesigned from the ground up to offer a seamless and professional experience. Below are the key features and enhancements added in this major update.

🔍 GitHub-Style Markdown Rendering

See exactly how your Markdown would look on GitHub. From headings and tables to task lists and emoji shortcodes, the rendering engine closely mirrors GitHub’s own Markdown parser — perfect for developers and open-source contributors.

⚡ Live Preview with Sync Scrolling

The dual-pane interface gives you a live HTML preview as you type. And with sync scrolling, your editor and preview stay perfectly aligned — making writing and proofreading incredibly smooth.

🎨 Dark Mode Toggle

Whether you’re coding at midnight or just love a sleek interface, the built-in dark mode has you covered. Toggle between light and dark themes anytime with a single click.

📊 Content Statistics

Keep track of your writing with word count, character count, and estimated reading time. Great for content creators, bloggers, and technical writers who want to meet specific writing goals.

🧠 LaTeX Math Support

For academics, scientists, and engineers — Markdown Viewer now supports LaTeX-style math expressions using MathJax. Both inline and block-level equations are rendered beautifully.

Inline equation: $$E = mc^2$$

Display equations:
$$\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}$$

$$\frac{\partial f}{\partial x} = \lim_{h \to 0} \frac{f(x+h) - f(x)}{h}$$

$$\sum_{i=1}^{n} i^2 = \frac{n(n+1)(2n+1)}{6}$$

🧾 Mermaid Diagrams

Markdown Viewer integrates Mermaid.js for generating flowcharts, sequence diagrams, Gantt charts, and more — directly inside your Markdown.

flowchart LR
    A[Start] --> B{Is it working?}
    B -->|Yes| C[Great!]
    B -->|No| D[Debug]
    C --> E[Deploy]
    D --> B

📥 Import & 📤 Export Options

Now you can:

Import .md files via drag & drop or file picker
Export your content as:
- Markdown (.md)
- HTML (.html)
- PDF (.pdf)

It’s fast, secure, and 100% client-side — no data leaves your browser.

🔠 Syntax Highlighting for Code Blocks

Code blocks are rendered with beautiful, multi-language syntax highlighting powered by highlight.js. Your technical documentation will look as sharp as your code.

  function renderMarkdown() {
    const markdown = markdownEditor.value;
    const html = marked.parse(markdown);
    const sanitizedHtml = DOMPurify.sanitize(html);
    markdownPreview.innerHTML = sanitizedHtml;

    // Apply syntax highlighting to code blocks
    markdownPreview.querySelectorAll('pre code').forEach((block) => {
        hljs.highlightElement(block);
    });
  }

😊 Emoji Support

Write with personality! Emoji shortcodes like :sparkles: or :rocket: are automatically converted into visual emojis using JoyPixels.

:sparkles: Welcome to Markdown Viewer! :rocket:

💻 Tech Stack Overview

Frontend: HTML5, CSS3, JavaScript, Bootstrap
Libraries:
- marked.js - Markdown parsing
- highlight.js - Code syntax highlighting
- MathJax - LaTeX rendering
- Mermaid.js - Diagram rendering
- html2canvas.js + jsPDF - PDF generation
- DOMPurify - HTML sanitization
- JoyPixels - Emoji parsing
- FileSaver.js - File Handling

🧪 How to Try It Out

Getting started with Markdown Viewer is super simple:

git clone https://github.com/ThisIs-Developer/Markdown-Viewer.git
cd Markdown-Viewer

Then open index.html in your browser — no installation required!

Or skip all that and try the Live Demo now!

📈 A Look Back: The Evolution of Markdown Viewer

From basic previewer to fully-featured editor.

This journey started with a minimal editor. Over time, through iteration, feedback, and a passion for improvement, Markdown Viewer has become a powerful writing and visualization tool.

Compare it yourself:
🎯 Current version: markdownviewer.pages.dev
🕰️ Original version: v1 demo

🙌 Final Thoughts

Whether you're a student, developer, blogger, or technical writer, Markdown Viewer v2.0 is built to support your workflow — fast, flexible, and fully featured.

If you find this project useful, don’t forget to:

⭐ Star it on GitHub: ThisIs-Developer/Markdown-Viewer
🗣️ Share it with your network
💬 Drop your feedback or feature suggestions in the comments!

Thanks for reading, and happy writing in Markdown!📝✨

🚀 How to change visibility in massive GitHub organizations like EpicGames? (Step-by-Step Guide)

Baivab Sarkar — Fri, 27 Sep 2024 08:55:14 +0000

Ever wondered what it's like being part of a massive GitHub organization like Epic Games? With over 498,800 members, it's not just about the cool access to private repos and source codes—it’s also about the sheer scale of it all. But here's where it gets interesting: GitHub's web interface wasn’t exactly built to handle this many people.

So, you might run into trouble if you're trying to tweak something simple—like hiding or showing Epic Games' logo on your profile. The filter function times out, and with the member list capped at 50,000, good luck finding your account! Even clever tricks like changing the URL for an alphabetical search can leave you stuck.

Well, fret not! I’ll walk you through how to publicize your membership using cURL and GitHub’s REST API.

🧐 Why Make Your Membership Public?

Because:

🏆 Bragging Rights: Who wouldn’t want to show off being part of something cool like Epic Games?
📈 Networking: Let employers, collaborators, and random cool coders know you're part of something BIG.
👀 Credibility: When people see Epic Games on your GitHub, they'll know you're not messing around!

However, the GitHub UI can struggle with big orgs (409k members 😳), so you’ll need to use some API magic 🧙‍♂️ to do this!

💡 How to Make Your GitHub Membership Public with cURL

Follow these steps and become the public face of your GitHub org in no time:

Step 1: Create a Personal Access Token (PAT) 🔐

First things first, you'll need to generate a PAT to access the GitHub API. Here's how:

Go to Your GitHub Settings:
- Navigate to Developer settings.
- Head to Personal access tokens.
Generate a New Token:
- Click on Generate new token.
- Ensure you check the read:org scope.
Copy That Token!:
- Be quick! Once generated, copy it because you won’t see it again.

Step 2: Use cURL to Make Your Membership Public 📡

Now, time to flex those cURL muscles 💪! Open your terminal and run this command:

curl -X PUT -H "Accept: application/vnd.github.v3+json" -u YOUR_GITHUB_USERNAME:YOUR_PAT_TOKEN https://api.github.com/orgs/ORGANIZATION_NAME/public_members/YOUR_GITHUB_USERNAME

Example:

curl -X PUT -H "Accept: application/vnd.github.v3+json" -u ThisIs-Developer:ghp_12345MYTOKEN https://api.github.com/orgs/EpicGames/public_members/ThisIs-Developer

Don’t forget to replace the placeholders with your real username and token! 😜

Step 3: Check Out Your Public Membership 🎉

Done with the cURL command? Head over to your GitHub profile and check out your shiny new public membership under the Organizations section.

🚀 Quick Tip: Running cURL Commands

For Windows Users:

Open Command Prompt or PowerShell.
Paste the command, hit Enter, and you’re done!

For macOS/Linux Users:

Open Terminal.
Paste and execute that command!

🛡️ A Word of Caution: Protect Your PAT!

Your PAT is like your GitHub password 🔑. Keep it safe and never share it publicly. If it gets leaked, revoke it through GitHub settings to keep your account secure.

🤔 Wrapping Up: Flaunt Your GitHub Membership!

Making your GitHub membership public is super easy and a great way to build your personal brand 💼. It lets the world know you're part of the epic developer community. Plus, you can flex about being in orgs like Epic Games! 🕹️

Found this helpful? 💬 Drop a comment, give it a thumbs up 👍, and share this post with your fellow developers! If you run into any issues, feel free to reach out—I’ve got your back 💪!

Getting Verified on GitHub! 🔐✨

Baivab Sarkar — Sun, 15 Sep 2024 19:51:18 +0000

How to Set Up a GPG Key for Signed Git Commits: A Step-by-Step Guide

Signing your commits with a GPG key is a great way to ensure authenticity and trust on GitHub. Let’s dive into the steps to generate and configure a GPG key for your Git commits! 🚀

Step 1: Generate a GPG Key 🛠️

Open Git Bash

Launch Git Bash from your applications.
Generate a GPG Key

Run the following command:

   gpg --full-generate-key

Choose Key Type

Opt for the default option: (9) ECC (sign and encrypt) *default*
Select Elliptic Curve

Stick with the default: (1) Curve 25519 *default*
Set Key Expiry Date

Enter 0 for no expiration.
Confirm Key Details

Type y and press Enter.
Enter User Information

Provide your name and email, then press Enter after each.

   Real name: Your Name  
   Email address: example@gmail.com

Final Confirmation

Type o to confirm.
Set Passphrase

When prompted, just click OK without entering anything.

Step 2: Locate Your GPG Key 🔍

List Secret Keys Run:

   gpg --list-secret-keys --keyid-format=long

Identify Key ID Copy the key ID from the line starting with sec:

   sec   4096R/12345678 2024-09-15 [expires: 2025-09-15]

Update Git Configuration Edit your .gitconfig file and add:

   [user]
     signingkey = 12345678

Step 3: Export Your Public Key 📤

Export Public Key Run:

   gpg --armor --export

Copy Public Key Copy everything between the lines:

   -----BEGIN PGP PUBLIC KEY BLOCK-----
   ...
   -----END PGP PUBLIC KEY BLOCK-----

Step 4: Add Your GPG Key to GitHub 🌐

Log in to GitHub

Go to your GitHub account.
Navigate to SSH and GPG Keys

Click your profile picture > Settings > SSH and GPG keys.
Add New GPG Key

Click New GPG Key and paste the public key.
Authenticate

Enter your GitHub password if prompted.

Step 5: Enable Commit Signing in Git ✅

Configure Git Enable signing by running:

   git config --global commit.gpgsign true

Verify Configuration Check that signing is enabled:

   git config --global --get commit.gpgsign

It should return true.

Step 6: Test Signing Your Commits 📝

Create a Test Repository Run:

   git init test-repo
   cd test-repo

Make a Test Commit Add a file and commit:

   echo "Test file" > test.txt
   git add test.txt
   git commit -m "Test commit"

Verify Signed Commit Run:

   git log --show-signature

You should see a message confirming the good signature.

Congratulations! 🎉

By following these steps, you can securely sign your Git commits, ensuring that your work is authenticated and trusted! If you have any questions or run into any issues, feel free to reach out. Happy coding! 💻✨

❤️ Show Some Love!

Found this helpful? 💬 Drop a comment, hit the like button, and share it with your friends! Let’s build cool stuff together! #ShareYourThoughts #EngageAndConnect

🚀 Building a Markdown Viewer Web App: A Fun & Simple Guide

Baivab Sarkar — Fri, 30 Aug 2024 13:01:55 +0000

Markdown is everywhere these days—whether you're writing blogs, creating documentation, or even formatting your to-do list. It's lightweight, easy to read, and perfect for anyone who wants to format text without diving into complex markup languages. So, let's jump into how you can create your own Markdown Viewer web app with some cool features that’ll make your app stand out!

🤔 What Exactly is Markdown?

Markdown is like the secret sauce of formatting. Invented by John Gruber in 2004, it's a super simple way to convert plain text into beautiful HTML (or other formats) without dealing with complicated tags like in HTML or LaTeX.

📝 Documentation? ✔️
🖊️ Blogging? ✔️
✅ To-do lists? ✔️

Basically, it's all about simplicity and flexibility!

🛠️ Markdown Essentials You Should Know:

Markdown is easy to use once you know the basic elements:

Headings: # Big Title (Use # for levels of headings)
Lists: * Bullet Points or 1. Numbered Lists
Links: [Click Here](https://example.com)
Images: ![Alt text](https://image.url)

Pro tip: Keep your Markdown clean and readable for the best results.

For more fun syntax tips: 👉 Check this out!

🔑 Key Features Every Markdown Viewer Should Have:

1. ⚡ Real-Time Preview

Seeing your edits live as you write? Total game changer! With real-time preview, users can instantly check how their Markdown will render. Make sure your app refreshes the view dynamically so that users don’t even have to blink. 💥

2. 📤 Export Options

Users love flexibility. Offer multiple export options like HTML, PDF, and even DOCX. This way, your Markdown viewer becomes a Swiss army knife for writers and coders alike. 🖨️

3. ✏️ Enhanced Editing Tools

Power up your viewer with syntax highlighting, error checking, and keyboard shortcuts to keep the workflow smooth and fast. Speed + convenience = happy users!

🎨 Designing a Great User Interface (UI)

1. 💡 Keep It Simple, Keep It Smart

Design your UI with simplicity in mind. A clean, user-centered design with intuitive navigation makes it easy for anyone to use. Don’t forget to make it responsive so it works beautifully on all devices! 📱💻

2. 🎨 Add a Splash of Style

Make your app visually appealing! Use a modern color scheme and typography to create a delightful experience. Don’t shy away from branding—make your app memorable!

3. 🎉 Add Interactive Elements

Tooltips, quick help menus, and even a dark mode toggle can take your app from “meh” to “whoa!” Small, thoughtful additions like these make users want to stick around.

💻 Behind the Scenes: Technical Stuff

1. 🧰 Choose the Right Tech Stack

Your stack matters! Popular frontend frameworks like React or Vue.js are excellent choices for building an interactive Markdown viewer. Pair this with a powerful backend for data storage, and you’re set.

2. 🔍 Markdown Parsing

Use existing Markdown parsing libraries like markdown-it to handle all the heavy lifting. These will simplify converting user input into HTML, so you don’t have to reinvent the wheel.

3. ✅ Testing

Good apps are built on solid testing. Make sure to test your app thoroughly for bugs and glitches before launching. User feedback is gold, so don’t hesitate to iterate based on what your users want.

🚀 The Future of Markdown Viewers

1. 🤖 AI-Powered Markdown

AI is here, and it's not just for chatbots. Imagine auto-suggesting content, grammar checks, and intelligent formatting options in your Markdown viewer. The future is bright!

2. 👥 Team Collaboration

With remote work becoming the norm, real-time collaboration features—like shared editing and version control—are in demand. Markdown viewers are about to get even more collaborative! 🧑‍🤝‍🧑

🔍 Spotlight: My Markdown Viewer Project

Let’s talk about my very own Markdown Viewer. It’s packed with all the features we just discussed:

Real-time preview with sync scroll 🎯
Multiple export options (HTML, PDF) 📤
Responsive design for all devices 📱💻
Import and export Markdown/HTML files seamlessly 🛠️

Try it out live: markdownviewer.pages.dev

Code on GitHub: Markdown-Viewer

⚡ Quick Setup Guide:

Want to try it out yourself? Follow these steps to get started with my Markdown Viewer:

Clone the repo:

git clone https://github.com/ThisIs-Developer/Markdown-Viewer.git

Open index.html in your browser and start exploring!

❤️ Show Some Love!

Found this helpful? 💬 Drop a comment, hit the like button, and share it with your friends! Let’s build cool stuff together! #ShareYourThoughts #EngageAndConnect

Do you Know! Llama ?

Baivab Sarkar — Thu, 11 Apr 2024 19:03:06 +0000

Llama2 CSV ChatBot

It's a conversational tool powered by a fine-tuned large language model (LLM) known as Llama-2 7B. This chatbot utilizes CSV retrieval capabilities, enabling users to engage in multi-turn interactions based on uploaded CSV data.

Suuuuuuu Want to try: 👇👇👇

huggingface.co/Llama-2-GGML-CSV-Chatbot

📖 ChatBot Conversession

⚡Streamlit ver. on #v2.0.2.dev20240102

Development Specs

Utilizes Llama-2 7B and Sentence Transformers for robust functionality.

Developed using Langchain and Streamlit technologies for enhanced performance.

Cross-platform compatibility with Linux, macOS, or Windows OS.

🛠️ Try it on your 💻

Clone the Repository:

git clone https://github.com/ThisIs-Developer/Llama-2-GGML-CSV-Chatbot.git

Install Dependencies:

pip install -r requirements.txt

Download the Llama 2 Model:

Download the Llama 2 model file named llama-2-7b-chat.ggmlv3.q4_0.bin from the following link:
🔗Download Llama 2 Model

Llama 2 Model Information

Name Quant method Bits Size Max RAM required

llama-2-7b-chat.ggmlv3.q4_0.bin q4_0 4 3.79 GB 6.29 GB

Note: After downloading the model, add the model file to the models directory. The file should be located at models\llama-2-7b-chat.ggmlv3.q4_0.bin, in order to run the code.

Name	Quant method	Bits	Size	Max RAM required
llama-2-7b-chat.ggmlv3.q4_0.bin	q4_0	4	3.79 GB	6.29 GB

📝 Usage

Run the Application:

streamlit run app.py

Access the Application:

Once the application is running, access it through the provided URL.

System Requirements

CPU: Intel® Core™ i5 or equivalent.

RAM: 8 GB.

Disk Space: 7 GB.

Hardware: Operates on CPU; no GPU required.

📌 Important Notes

While robust, this chatbot is not a substitute for professional advice.

Ensure the CSV file adheres to the expected format for optimal performance.

Llama2 Chatbot esay-to-build ? 🦙😱

Baivab Sarkar — Wed, 10 Apr 2024 14:32:30 +0000

It's a repository for a medical chatbot that uses the Llama-2-7B-Chat-GGML model and the pdf The Gale Encyclopedia of Medicine. The chatbot is still under development, but it has the potential to be a valuable tool for patients, healthcare professionals, and researchers. The chatbot can be used to answer questions about medical topics, provide summaries of medical articles, and generate medical text. However, it is important to note that the chatbot is not a substitute for medical advice from a qualified healthcare professional.

Try it for FREE👉👉👉: huggingface.co/Llama-2-GGML-Medical-Chatbot

📚 Here are some of the features of the Llama-2-7B-Chat-GGML-Medical-Chatbot:

It uses the Llama-2-7B-Chat-GGML model, which is a large language model (LLM) that has been fine-tuned.
- Name - llama-2-7b-chat.ggmlv3.q2_K.bin
- Quant method - q2_K
- Bits - 2
- Size - 2.87 GB
- Max RAM required - 5.37 GB
- Use case - New k-quant method. Uses GGML_TYPE_Q4_K for the attention.vw and feed_forward.w2 tensors, GGML_TYPE_Q2_K for the other tensors.
- Model: Know more about model Llama-2-7B-Chat-GGML
It is trained on the pdf The Gale Encyclopedia of Medicine, Volume 1, 2nd Edition, 637-page PDF, which is a comprehensive medical reference that provides information on a wide range of medical topics. This means that the chatbot is able to answer questions about a variety of medical topics.
This is a sophisticated medical chatbot, developed using Llama-2 7B and Sentence Transformers. Powered by Langchain and Chainlit, This bot operates on a powerful CPU computer that boasts a minimum of
- Operating system: Linux, macOS, or Windows
- CPU: Intel® Core™ i3
- RAM: 8 GB
- Disk space: 7 GB
- GPU: None (CPU only)
It is still under development, but it has the potential to be a valuable tool for patients, healthcare professionals, and researchers.

🚀 Quickstart

Open Git Bash.
Change the current working directory to the location where you want the cloned directory.
Type git clone, and then paste the URL you copied earlier. ```

git clone https://github.com/ThisIs-Developer/Llama-2-GGML-Medical-Chatbot.git

Press Enter to create your local clone.
4. Install the pip packages in requirements.txt

pip install -r requirements.txt

5. Now run it!

chainlit run model.py -w



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5ff39l5g3if62ftm0lr9.jpeg)
## 📖 ChatBot Conversession
### ⛓️Chainlit ver. on [#v1.0.1.dev20230913](https://github.com/ThisIs-Developer/Llama-2-GGML-Medical-Chatbot/releases/tag/v1.0.1.dev20230913)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rlafb9c4mxegzahjrbxg.png)

### ⚡Streamlit ver. on [#v2.0.1.dev20231230](https://github.com/ThisIs-Developer/Llama-2-GGML-Medical-Chatbot/releases/tag/v2.0.1.dev20231230)
![ChatBot Conversession img-4](https://github.com/ThisIs-Developer/Llama-2-GGML-Medical-Chatbot/assets/109382325/583002bd-22a7-4ff0-8982-6067c1bcaade)

### Video of Conversation
https://github.com/ThisIs-Developer/Llama-2-GGML-Medical-Chatbot/assets/109382325/6756fb69-40c0-4d49-b392-aa6906dca786

### Long Chats
![ChatBot Conversession img-2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7vidnv2djynyvkzxhmkh.png)

![ChatBot Conversession img-3](https://github.com/ThisIs-Developer/Llama-2-GGML-Medical-Chatbot/assets/109382325/d10d949f-37e5-4ec4-868d-2e62d8ad69dc)

### PDF 
https://github.com/ThisIs-Developer/Llama-2-GGML-Medical-Chatbot/blob/main/conversession%20e.g/ChatBot%20Conversession%20img-3.pdf


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g0fttj6hsaebhvht0h61.gif)
## 📌 Important Notes

- While powerful, this chatbot isn't a substitute for professional medical advice.

📸OpenCV🔮the Enchanted Palette 🎨✨Part: 2

Baivab Sarkar — Sun, 06 Aug 2023 08:12:25 +0000

🔍📸 Embark on a Visual Journey: Explore the OpenCV Chronicles in my GitHub Repository! 🚀🌄 #OpenCVMagic #ImageAlchemy #CodeCanvas 🎨✨
Source GitHub: ThisIs-Developer/Python/OpenCV/Image Processing

🚀 Ready, Set, Let's Do It! 💪

!pip install opencv-python

📸✨ Unlock the World of Image Processing with OpenCV! 🚀 Explore Countless Possibilities in *My Repository GitHub: *ThisIs-Developer/Python/OpenCV/Image Processing

If You Love It, Show Some ❤️!

Feel Free to Comment Your Thoughts or Ask Questions.
Let's Dive In Together! 💬🔍 #OpenCVAdventures #RepoExploration

🌟OpenCV🎨the Magic of Images✨Part: 1

Baivab Sarkar — Tue, 01 Aug 2023 19:57:30 +0000

🎨✨ Dive into my OpenCV GitHub repo and witness the captivating world of Working with Images!#OpenCV #ImageProcessing #GitHubRepository🚀🌌

!pip install opencv-python

Source GitHub: ThisIs-Developer/Python/OpenCV/Working with Images
Example:

🎤🎶 Elevate Your Sound Game: Recording and Processing Audio with Python! 🎧🔊

Baivab Sarkar — Mon, 31 Jul 2023 03:12:42 +0000

🎵Explore functionalities like recording voice, applying filters, visualizing waveforms, and more!
Check out my GitHub repo for a collection of Python scripts for audio recording, playback, and processing. 🚀 #Python #AudioProcessing

GitHub: Python/Audio Recorder

Source Code: Python/Audio Recorder/record audio.ipynb

import os
import librosa
import librosa.display
import matplotlib.pyplot as plt
import warnings
import numpy as np
warnings.filterwarnings("ignore", category=RuntimeWarning)

def load_audio(file_path, duration=None, offset=0):
    audio_data, sample_rate = librosa.load(file_path, duration=duration, offset=offset)
    return audio_data, sample_rate

def plot_waveform(audio_data, sample_rate, output_path):
    plt.figure(figsize=(10, 4))
    librosa.display.waveshow(audio_data, sr=sample_rate)
    plt.title("Waveform")
    plt.xlabel("Time (seconds)")
    plt.ylabel("Amplitude")
    plt.savefig(os.path.join(output_path, "waveform.png"))
    plt.show()
    plt.close()

def plot_spectrogram(audio_data, sample_rate, output_path):
    plt.figure(figsize=(10, 4))
    spectrogram = librosa.feature.melspectrogram(y=audio_data, sr=sample_rate)
    librosa.display.specshow(librosa.power_to_db(spectrogram, ref=np.max), y_axis='mel', x_axis='time')
    plt.colorbar(format='%+2.0f dB')
    plt.title("Spectrogram")
    plt.savefig(os.path.join(output_path, "spectrogram.png"))
    plt.show()
    plt.close()

if __name__ == "__main__":
    input_file = "recorded_voice_sounddevice.wav"
    output_path = "."  # You can change this to the desired output directory

    audio_data, sample_rate = load_audio(input_file)

    # Print some information about the audio file
    print(f"Audio data shape: {audio_data.shape}")
    print(f"Sample rate: {sample_rate} Hz")

    # Plot the audio waveform and spectrogram
    plot_waveform(audio_data, sample_rate, output_path)
    plot_spectrogram(audio_data, sample_rate, output_path)

    print("Plots saved as 'waveform.png' and 'spectrogram.png' in the current directory.")

📂Portfolio using JavaScript (ES6) Magic✨ | Google Apps Script Sorcery🚀

Baivab Sarkar — Tue, 25 Jul 2023 07:57:54 +0000

Website is Live: baivabsarkar-old.vercel.app

🚀 Explore the Simplicity of HTML, CSS, and a Touch of JS in Building Your Unique Showcase. Let's Elevate Your Portfolio Game Together! 💼❤️ #InteractiveLearning #CodeYourDreams #ShareTheLove 💬👇

Source Code GithHub:ThisIs-Developer/Portfolio-old

Key Feature

Submit a Form to Google Sheets This Portfolio Contact form can stores the submitted form data in Google Sheets using plain 'ol JavaScript (ES6), Google Apps Script.

Discover the Process: Learn from @jamiewilson Form-to-Google-Sheets Repository 📝🔗 #OpenSource"

Layout of Contact form:

SCRIPT in the HTML file:

<script>
        const scriptURL = 'https://script.google.com/macros/s/AKfycbzwGkCv4dbdFpYjSYbThchpqYSgudoYmK_KtdmS6RkK-vyFqgPCKwxicx0xdmTErDjM/exec'
        const form = document.forms['submit-to-google-sheet']
        const msg = document.getElementById("msg")
        const waitMsg = document.getElementById("wait-msg")
        form.addEventListener('submit', e => {
            e.preventDefault();
            waitMsg.innerHTML = "Please wait...";
            fetch(scriptURL, { method: 'POST', body: new FormData(form) })
                .then(response => {
                    waitMsg.innerHTML = "";
                    msg.innerHTML = "Message sent successfully";
                    setTimeout(function () {
                        msg.innerHTML = "";
                    }, 5000);
                    form.reset();
                })
                .catch(error => {
                    waitMsg.innerHTML = "";
                    console.error('Error!', error.message);
                });
        });
</script>

After clicking the "Submit" buttom.

"Please wait..."

After sending Message.

"Message sent successfully"

If You Love It, Show Some ❤️!

Drop a Comment to Show Your Support and Connect. Let's Make Learning and Creating Together! 💬❤️ #ShareYourThoughts #EngageAndConnect

Forem: Baivab Sarkar

🚀 Introducing Markdown Viewer v2.0

✨ What’s New?

🔍 GitHub-Style Markdown Rendering

⚡ Live Preview with Sync Scrolling

🎨 Dark Mode Toggle

📊 Content Statistics

🧠 LaTeX Math Support

🧾 Mermaid Diagrams

📥 Import & 📤 Export Options

🔠 Syntax Highlighting for Code Blocks

😊 Emoji Support

💻 Tech Stack Overview

🧪 How to Try It Out

📈 A Look Back: The Evolution of Markdown Viewer

🙌 Final Thoughts

🚀 How to change visibility in massive GitHub organizations like EpicGames? (Step-by-Step Guide)

🧐 Why Make Your Membership Public?

💡 How to Make Your GitHub Membership Public with cURL

Step 1: Create a Personal Access Token (PAT) 🔐

Step 2: Use cURL to Make Your Membership Public 📡

Example:

Step 3: Check Out Your Public Membership 🎉

🚀 Quick Tip: Running cURL Commands

For Windows Users:

For macOS/Linux Users:

🛡️ A Word of Caution: Protect Your PAT!

🤔 Wrapping Up: Flaunt Your GitHub Membership!

Getting Verified on GitHub! 🔐✨

How to Set Up a GPG Key for Signed Git Commits: A Step-by-Step Guide

Step 1: Generate a GPG Key 🛠️

Step 2: Locate Your GPG Key 🔍

Step 3: Export Your Public Key 📤

Step 4: Add Your GPG Key to GitHub 🌐

Step 5: Enable Commit Signing in Git ✅

Step 6: Test Signing Your Commits 📝

Congratulations! 🎉

❤️ Show Some Love!

🚀 Building a Markdown Viewer Web App: A Fun & Simple Guide

🤔 What Exactly is Markdown?

🛠️ Markdown Essentials You Should Know:

🔑 Key Features Every Markdown Viewer Should Have:

1. ⚡ Real-Time Preview

2. 📤 Export Options

3. ✏️ Enhanced Editing Tools

🎨 Designing a Great User Interface (UI)

1. 💡 Keep It Simple, Keep It Smart

2. 🎨 Add a Splash of Style

3. 🎉 Add Interactive Elements

💻 Behind the Scenes: Technical Stuff

1. 🧰 Choose the Right Tech Stack

2. 🔍 Markdown Parsing

3. ✅ Testing

🚀 The Future of Markdown Viewers

1. 🤖 AI-Powered Markdown

2. 👥 Team Collaboration

🔍 Spotlight: My Markdown Viewer Project

⚡ Quick Setup Guide:

❤️ Show Some Love!

Do you Know! Llama ?

Llama2 CSV ChatBot

Suuuuuuu Want to try: 👇👇👇

huggingface.co/Llama-2-GGML-CSV-Chatbot

📖 ChatBot Conversession

⚡Streamlit ver. on #v2.0.2.dev20240102

Development Specs

🛠️ Try it on your 💻

Download the Llama 2 Model:

Llama 2 Model Information

📝 Usage

System Requirements

📌 Important Notes

Llama2 Chatbot esay-to-build ? 🦙😱

Try it for FREE👉👉👉: huggingface.co/Llama-2-GGML-Medical-Chatbot

📚 Here are some of the features of the Llama-2-7B-Chat-GGML-Medical-Chatbot:

🚀 Quickstart

📸OpenCV🔮the Enchanted Palette 🎨✨Part: 2

🚀 Ready, Set, Let's Do It! 💪

Image Resizing

Morphological Image Processing