Role: Webflow Developer + JS Integration Duration: 2 weeks Client: Julian Moncet Deliverables: CMS Website + Blog + Interactive Map + Weather Module

The client wanted to launch a local directory website for their city, allowing them to upload and manage large amounts of location-based data through CSV files. The project also required a blog section, real-time weather information displayed across the site, and an interactive map to explore each location easily.

Enable bulk content upload from CSV files and render it dynamically on the site.

Build JavaScript-based logic to parse JSON data and feed it into the UI.

Develop an Locations in google maps.

Create a CMS-powered blog for articles and content marketing.

Integrate real-time weather data across multiple sections.

Bulk Data Upload System: A custom JavaScript solution was developed to convert CSV files into JSON, allowing the client to populate hundreds of location cards across the site instantly, bypassing the manual CMS process.

Dynamic Interactive Map: A custom-built map displays pins for each location.

CMS Blog Structure: A fully structured blog system was created using Webflow CMS, optimized for SEO with meta fields, Open Graph tags, categories, and rich text formatting.

Real-Time Weather Integration: The site pulls live weather data from an API (e.g., OpenWeatherMap), displaying localized weather conditions dynamically throughout the website (homepage, listings, blog, etc.).

Webflow (layout, CMS, responsive structure)

Custom JavaScript (JSON logic, map interactivity)

The client can now upload hundreds of new listings in just minutes, with no technical knowledge.

The site is responsive, fast, and user-friendly across all devices.

The blog supports fresh content, improving organic SEO.

Real-time weather adds contextual value and local relevance.

This project was the perfect blend of automation, interactivity, and user experience. It pushed the boundaries of what’s possible inside Webflow when combined with JavaScript logic and external APIs — all without compromising performance or design quality.

🔗 Portfolio: https://franco-portfolio-site.webflow.io/

🔗 LinkedIn: https://www.linkedin.com/in/franco-beltramella-028a97196/

🔗 Twitter/X: https://x.com/byfranbeltra