Home

🏠 Home

Welcome to the Freelancer Analytics Dashboard Wiki!

The freelance market is highly competitive. Standard advice says "build a great portfolio," but data-driven advice says "bid where the money is, and where the competition isn't."

This dashboard is a powerful, client-side web application designed to track real-time bidding trends, gig budgets, and demand-supply gaps directly from the Freelancer.com active projects feed.

🌟 Why Use This Dashboard?

• Stop Guessing: Know exactly which skills are currently trending.
• Find "Sweet Spots": Discover niches with high client budgets but low freelancer supply.
• First Mover Advantage: Spot "Hot Leads" (gigs with fewer than 10 bids) the moment they are posted.

---

🚀 Features & How to Use

1. The Opportunity Matrix (Bubble Chart)

The Opportunity Matrix visualizes the Demand (Total Active Projects) vs Supply (Average Bids/Entries).

• Green Bubbles (Low Competition): Highly recommended! These skills have many projects but very few freelancers bidding on them.
• Yellow Bubbles (Medium Competition): Moderate opportunity. Requires a strong proposal to win.
• Red Bubbles (High Competition): Extremely saturated markets (e.g., basic Data Entry or Logo Design). Avoid unless you have a highly specialized portfolio.

2. Hot Leads Tracker

The dashboard automatically flags projects with less than 10 bids. Pro-tip: Keep the dashboard open on a second monitor. When a high-budget Hot Lead appears, apply immediately to secure the first-mover advantage.

3. Real-Time Data Fetching

You don't need a backend! The dashboard uses your browser's native fetch API to pull data directly from Freelancer.com.

Note: If you run this locally, you may need a CORS unblocker extension, but the live hosted version proxies requests automatically.

---

🛠️ Installation & Setup

Since this is a 100% serverless frontend application (HTML/JS/CSS), running it locally is incredibly fast.

Step 1: Clone the Repo

git clone https://github.com/bulqai/freelancer-analytics-dashboard.git
cd freelancer-analytics-dashboard

Step 2: Run Locally

You have two options:

1. Simple: Just double-click index.html to open it in your browser.
2. Advanced (Recommended): Use Live Server in VS Code for automatic reloading.

Step 3: Handling CORS (Local Development Only)

Because browsers block direct API calls to different domains (CORS), you might see empty charts when running locally. To fix this during development:

• Use a Chrome Extension like CORS Unblocker.
• OR run Chrome with web security disabled.

---

🤝 How to Contribute

We love open-source contributions! Whether you want to fix a bug, improve the UI, or add a new chart type (like Upwork integration), you are welcome to help.

Contribution Workflow:

1. Fork the repository on GitHub.
2. Clone your forked repo locally.
3. Create a new branch for your feature (git checkout -b feature/amazing-new-chart).
4. Make your changes and test them locally.
5. Commit and Push your changes (git commit -m "Add amazing new chart").
6. Submit a Pull Request (PR) to the master branch of this original repository.

Need Ideas?

Check out the Feature Requests & Issues section on the live dashboard. We maintain a list of "Good First Issues" (like adding a Dark/Light mode toggle) and harder tasks (like CSV Export).