Advanced Widgets for MeroShare: A developers’s Tale

Suman Shrestha
3 min readAug 2, 2024

--

How it began

Hey there! I’m Suman Shrestha, and just like many of you, I was getting frustrated with MeroShare. Keeping track of portfolios, calculating profits and losses by hand, and searching multiple sites for stock data was a pain. That’s when I thought, why not make this easier?

Current Status

Total Installs: 4500, Total Uninstalls: 800

The Idea

That’s how Advanced widgets for Meroshare came to life. I wanted to create a Chrome extension that didn’t just add a few features to MeroShare, but really transformed it. My goal was to bring all the useful data and insights right into your portfolio view so that you don’t have to navigate to my purchase section.

### Building It

I got to work coding and focused on adding the key financial features first:

- 💼 WACC Integration: Added Weighted Average Cost of Capital (WACC) info to your portfolio.
- 💰 Purchase Price Display: Showed the original purchase price for each stock.
- 📈 Profit/Loss Calculation: Automatically calculated and displayed profit/loss for each stock and the whole portfolio.
- 🟢🔴 Visual P/L Indicator: Used color-coding (green for profit, red for loss) for a quick glance at performance.
- 📅 Daily Performance Tracking Displayed daily profit/loss for each stock and the overall portfolio.

Adding More Analysis

I knew basic features wouldn’t cut it. Investors needed more advanced tools:

- 📊 Most Gained/Lost: Widgets showing the most gained and lost stocks.
- Portfolio Summary Widgets: Summarized total portfolio value, daily change, and percentage change.
- 🚨 Stop/Loss Highlighter: Highlighted values in blue or red if they hit the stop-loss percentage.

Integrations and Quick Access

To make things even smoother, I added features for quick access to important tools and info:

- 🔗 Vendor Integration: Allowed selection and saving of preferred vendors like Share Sansar and Nepali Paisa.
- 🖥️ TMS Integration: Enabled selection and saving of preferred Trading Management Systems (TMS) for trading.
- ⚡ Quick TMS Access: Added a TMS logo button in the header for quick access to the selected TMS.
- 🔍 One-Click Stock Research: Clicking on a stock symbol took users to the vendor’s page for that stock.

Making Trading Easier

I also wanted to make trading straightforward:

- 🛒 Buy/Sell Buttons: Added quick access buttons for buying and selling stocks right from the portfolio view.
- ⏰ Trading Hours Check: Displayed buy/sell buttons only during trading hours to prevent mistakes.

Technical Bits

Here’s some of the techy stuff that makes MeroShare Advanced tick:

- **💾 Data Storage: Stored WACC data and user preferences in Chrome’s local storage.
- ❗ Error Handling: Prompted users to visit the WACC section if WACC data was missing.
- 📱 Responsive Design: Adapted to different screen sizes and layouts.
- 🚀 Performance Optimization: Used `setTimeout` for non-critical operations to keep things running smoothly.
- 📈 Market Indicator: Showed whether the market was live.

How It Works

MeroShare Advanced keeps your WACC data secure in your browser. When you view your portfolio, it recalculates WACC data and integrates it into the MeroShare interface, adding columns for purchase price, WACC, and profit/loss. All data stays local, so no personal or financial info is transmitted or stored externally.

Installation and Permissions

Installing the extension is a breeze:

1. Get the extension from the Chrome Web Store.
2. Log in to your MeroShare account.
3. Head to the WACC section to update your data.
4. Check out your portfolio to see all the new info.

The extension needs access to meroshare.cdsc.com.np and storage permissions to save WACC data locally.

Support and Disclaimer

For any help, feature requests, or bug reports, you can reach me at summonshr@gmail.com. Just a heads up, this extension isn’t officially associated with or endorsed by MeroShare or CDSC. It’s an independent tool to make my own life easier.

Conclusion

My journey with MeroShare Advanced has been about turning frustration into a tool that simplifies portfolio management and empowers investors with useful insights. I’m excited to keep improving this extension (on my free time) and making MeroShare a better experience for all of us.

--

--

Suman Shrestha
Suman Shrestha

Written by Suman Shrestha

#fullstack #tailwindcss #php #Laravel #Vue #React #Meroshare

No responses yet