Full-Stack Freelancer for Precipitation Data Website
Budget: ₹12,500 – ₹37,500 INR
**Freelance Full-Stack Developer Required – Heatmap Dashboard MVP**
I am looking for a freelance full-stack developer to build an MVP version of a fast, SEO-friendly heatmap dashboard website.
The goal is to build reusable heatmap components that I can later reuse across multiple SEO pages by changing filters, titles, descriptions, and content. I do not want hardcoded pages that are difficult to expand.
This is not a WordPress or Elementor project. It requires API integration, reusable components, basic caching, SEO-friendly pages, responsive UI, and proper documentation.
---
## Budget
₹20,000 – ₹30,000
Please apply only if you can work within this budget.
---
## Timeline
Expected delivery: 15–25 days
---
## Preferred Tech Stack
I prefer:
* Astro or Next.js for SEO-friendly pages
* React.js for interactive heatmap components
* Tailwind CSS for styling
* Cloudflare Pages or Vercel for hosting
* Serverless API routes / Cloudflare Workers / Next API routes for backend API calls
* Basic API caching
* Apache ECharts for crypto/stock heatmaps
* Leaflet.js or similar library for AQI and earthquake maps
I am open to your recommendation, but the site must be fast, scalable, SEO-friendly, and easy to expand.
---
## Top 5 Heatmaps Required in MVP
The MVP must include these 5 reusable heatmap modules/pages:
1. **Crypto Market Heatmap**
* Data source: CoinGecko API or similar free/low-cost crypto API
* Must support reusable filters like:
* overall market
* top gainers
* top losers
* top 100 coins
* Bitcoin / altcoin view if possible
2. **AQI / Air Quality Heatmap**
* Data source: OpenAQ API or similar
* Must show AQI / air quality data visually on a map
* Should support region filters like world, US, India, etc. if possible
3. **Earthquake Heatmap**
* Data source: USGS Earthquake GeoJSON feed
* Must show recent earthquakes on a map
* Should support filters like recent earthquakes, magnitude, and region if possible
4. **US Stock Market Heatmap**
* Data source: free or low-cost stock API, only if legally allowed for display
* Must support market/sector-style heatmap
* If free legal data is not possible, please clearly mention the limitation and suggest an alternative
5. **Forex / Currency Heatmap**
* Data source: free or low-cost forex API
* Must show major currency strength/weakness or currency movement
* Should be reusable for pages like USD heatmap, EUR heatmap, GBP heatmap later
Important: If any API has limitations, licensing issues, or paid requirements, please mention clearly before starting.
---
## Required Pages in MVP
The MVP should include:
1. Homepage
2. Crypto Market Heatmap page
3. AQI Heatmap page
4. Earthquake Heatmap page
5. US Stock Market Heatmap page
6. Forex Heatmap page
7. About page
8. Disclaimer page
9. Privacy Policy page
If possible within budget, add these extra SEO pages using the same crypto component:
10. Crypto Gainers Heatmap
11. Crypto Losers Heatmap
12. Top 100 Crypto Heatmap
---
## Most Important Requirement: Reusable Page System
I want a simple config-based system so I can create more SEO pages myself later without deep coding knowledge.
For example, I should be able to add a new page by editing a config file like:
```js
{
slug: "crypto-gainers-heatmap",
title: "Crypto Gainers Heatmap",
metaDescription: "Live crypto gainers heatmap showing the top performing cryptocurrencies.",
h1: "Crypto Gainers Heatmap",
heatmapType: "crypto",
filter: "gainers",
timeframe: "24h"
}
```
The developer should build reusable components like:
```jsx
<CryptoHeatmap filter="gainers" timeframe="24h" />
<AQIHeatmap region="world" pollutant="pm25" />
<EarthquakeMap region="global" magnitude="all" />
<StockHeatmap market="us" />
<ForexHeatmap base="usd" />
```
The goal is:
* 5 reusable heatmap engines
* one reusable SEO page template
* config-based page creation
* documentation so I can add more pages myself
---
## Each Heatmap Page Must Include
Each page should have:
* Unique SEO title
* Unique meta description
* H1 heading
* Heatmap/map component
* Last updated timestamp
* Data source attribution
* Short explanation of what the heatmap shows
* Top 10 table where relevant
* FAQ section
* Related heatmap links
* Disclaimer section
* Mobile responsive design
The page content should be crawlable by Google. The site should not be React-only client-side rendering where Google sees only loading spinners.
---
## API and Caching Requirements
* API keys must not be exposed in frontend code
* External API calls should go through backend/serverless functions
* Data should be cached to reduce API usage
* Users should see cached data instead of directly calling external APIs
* Basic error handling should be included if an API fails
* Show “last updated” time on each heatmap page
---
## SEO Requirements
The site must include:
* SEO-friendly URLs
* Unique meta title and description per page
* Sitemap.xml
* Robots.txt
* Proper heading structure
* Basic schema markup if possible
* Mobile-friendly layout
* Fast loading speed
* Google Analytics setup
* Google Search Console setup
---
## Design Requirement
The design should be clean, modern, and dashboard-style.
Preferred style:
* simple header/navigation
* heatmap cards
* clean tables
* filter buttons
* clear color legends
* mobile-friendly layout
* no heavy animations
* fast and professional UI
The website should look like a data dashboard/resource website, not a basic blog.
---
## Documentation Required
Documentation is mandatory.
Please provide a simple document explaining:
1. How to run the project locally
2. How to deploy the website
3. How API fetching works
4. How caching works
5. How to change API keys
6. How to add a new SEO page using the config system
7. How to change filters for each heatmap
8. How to update meta title and description
9. How to update FAQ/content
10. How to change refresh interval
11. Folder structure explanation
I should be able to create additional SEO pages later using the same reusable heatmap components.
---
## Final Deliverables
Final delivery must include:
* Full source code in GitHub
* Live deployed website
* API integrations
* Basic caching
* 5 MVP heatmaps
* Config-based reusable page system
* Sitemap.xml
* Robots.txt
* Google Analytics setup
* Google Search Console setup
* Documentation
* 7 days post-launch bug support
---
## Please Reply With These Details
To be considered, please reply with:
1. Your previous similar dashboard/API projects
2. Which tech stack you recommend: Astro or Next.js, and why
3. Which APIs you will use for all 5 heatmaps
4. How you will handle API caching
5. How you will make pages SEO-friendly
6. Whether I can create new pages myself using config
7. Exact timeline
8. Exact total cost
9. What is included and what is not included
10. Whether you will provide documentation and 7 days bug support
Please do not apply if you are only a WordPress/Elementor developer. This project requires API integration, reusable components, data visualization, SEO-friendly architecture, and basic caching.
I am looking for a freelance full-stack developer to build an MVP version of a fast, SEO-friendly heatmap dashboard website.
The goal is to build reusable heatmap components that I can later reuse across multiple SEO pages by changing filters, titles, descriptions, and content. I do not want hardcoded pages that are difficult to expand.
This is not a WordPress or Elementor project. It requires API integration, reusable components, basic caching, SEO-friendly pages, responsive UI, and proper documentation.
---
## Budget
₹20,000 – ₹30,000
Please apply only if you can work within this budget.
---
## Timeline
Expected delivery: 15–25 days
---
## Preferred Tech Stack
I prefer:
* Astro or Next.js for SEO-friendly pages
* React.js for interactive heatmap components
* Tailwind CSS for styling
* Cloudflare Pages or Vercel for hosting
* Serverless API routes / Cloudflare Workers / Next API routes for backend API calls
* Basic API caching
* Apache ECharts for crypto/stock heatmaps
* Leaflet.js or similar library for AQI and earthquake maps
I am open to your recommendation, but the site must be fast, scalable, SEO-friendly, and easy to expand.
---
## Top 5 Heatmaps Required in MVP
The MVP must include these 5 reusable heatmap modules/pages:
1. **Crypto Market Heatmap**
* Data source: CoinGecko API or similar free/low-cost crypto API
* Must support reusable filters like:
* overall market
* top gainers
* top losers
* top 100 coins
* Bitcoin / altcoin view if possible
2. **AQI / Air Quality Heatmap**
* Data source: OpenAQ API or similar
* Must show AQI / air quality data visually on a map
* Should support region filters like world, US, India, etc. if possible
3. **Earthquake Heatmap**
* Data source: USGS Earthquake GeoJSON feed
* Must show recent earthquakes on a map
* Should support filters like recent earthquakes, magnitude, and region if possible
4. **US Stock Market Heatmap**
* Data source: free or low-cost stock API, only if legally allowed for display
* Must support market/sector-style heatmap
* If free legal data is not possible, please clearly mention the limitation and suggest an alternative
5. **Forex / Currency Heatmap**
* Data source: free or low-cost forex API
* Must show major currency strength/weakness or currency movement
* Should be reusable for pages like USD heatmap, EUR heatmap, GBP heatmap later
Important: If any API has limitations, licensing issues, or paid requirements, please mention clearly before starting.
---
## Required Pages in MVP
The MVP should include:
1. Homepage
2. Crypto Market Heatmap page
3. AQI Heatmap page
4. Earthquake Heatmap page
5. US Stock Market Heatmap page
6. Forex Heatmap page
7. About page
8. Disclaimer page
9. Privacy Policy page
If possible within budget, add these extra SEO pages using the same crypto component:
10. Crypto Gainers Heatmap
11. Crypto Losers Heatmap
12. Top 100 Crypto Heatmap
---
## Most Important Requirement: Reusable Page System
I want a simple config-based system so I can create more SEO pages myself later without deep coding knowledge.
For example, I should be able to add a new page by editing a config file like:
```js
{
slug: "crypto-gainers-heatmap",
title: "Crypto Gainers Heatmap",
metaDescription: "Live crypto gainers heatmap showing the top performing cryptocurrencies.",
h1: "Crypto Gainers Heatmap",
heatmapType: "crypto",
filter: "gainers",
timeframe: "24h"
}
```
The developer should build reusable components like:
```jsx
<CryptoHeatmap filter="gainers" timeframe="24h" />
<AQIHeatmap region="world" pollutant="pm25" />
<EarthquakeMap region="global" magnitude="all" />
<StockHeatmap market="us" />
<ForexHeatmap base="usd" />
```
The goal is:
* 5 reusable heatmap engines
* one reusable SEO page template
* config-based page creation
* documentation so I can add more pages myself
---
## Each Heatmap Page Must Include
Each page should have:
* Unique SEO title
* Unique meta description
* H1 heading
* Heatmap/map component
* Last updated timestamp
* Data source attribution
* Short explanation of what the heatmap shows
* Top 10 table where relevant
* FAQ section
* Related heatmap links
* Disclaimer section
* Mobile responsive design
The page content should be crawlable by Google. The site should not be React-only client-side rendering where Google sees only loading spinners.
---
## API and Caching Requirements
* API keys must not be exposed in frontend code
* External API calls should go through backend/serverless functions
* Data should be cached to reduce API usage
* Users should see cached data instead of directly calling external APIs
* Basic error handling should be included if an API fails
* Show “last updated” time on each heatmap page
---
## SEO Requirements
The site must include:
* SEO-friendly URLs
* Unique meta title and description per page
* Sitemap.xml
* Robots.txt
* Proper heading structure
* Basic schema markup if possible
* Mobile-friendly layout
* Fast loading speed
* Google Analytics setup
* Google Search Console setup
---
## Design Requirement
The design should be clean, modern, and dashboard-style.
Preferred style:
* simple header/navigation
* heatmap cards
* clean tables
* filter buttons
* clear color legends
* mobile-friendly layout
* no heavy animations
* fast and professional UI
The website should look like a data dashboard/resource website, not a basic blog.
---
## Documentation Required
Documentation is mandatory.
Please provide a simple document explaining:
1. How to run the project locally
2. How to deploy the website
3. How API fetching works
4. How caching works
5. How to change API keys
6. How to add a new SEO page using the config system
7. How to change filters for each heatmap
8. How to update meta title and description
9. How to update FAQ/content
10. How to change refresh interval
11. Folder structure explanation
I should be able to create additional SEO pages later using the same reusable heatmap components.
---
## Final Deliverables
Final delivery must include:
* Full source code in GitHub
* Live deployed website
* API integrations
* Basic caching
* 5 MVP heatmaps
* Config-based reusable page system
* Sitemap.xml
* Robots.txt
* Google Analytics setup
* Google Search Console setup
* Documentation
* 7 days post-launch bug support
---
## Please Reply With These Details
To be considered, please reply with:
1. Your previous similar dashboard/API projects
2. Which tech stack you recommend: Astro or Next.js, and why
3. Which APIs you will use for all 5 heatmaps
4. How you will handle API caching
5. How you will make pages SEO-friendly
6. Whether I can create new pages myself using config
7. Exact timeline
8. Exact total cost
9. What is included and what is not included
10. Whether you will provide documentation and 7 days bug support
Please do not apply if you are only a WordPress/Elementor developer. This project requires API integration, reusable components, data visualization, SEO-friendly architecture, and basic caching.