Challenge

Tuuli, a startup focused on real estate and environmental sustainability, approached Bloorsoft with a tight deadline: they needed a fully functional MVP web app within 7 weeks to demo to high-profile potential clients and investors. The startup, funded by Next Canada, had already conducted extensive research with their target customers but had little more than rough sketches in Figma and an idea of the core features.

The challenge was not only delivering a sleek, fully operational product in such a short timeframe but also creating complex features like a custom graph component that analyzed environmental and carbon metrics. The project required a strong technical foundation, UI design innovation, and fast execution to meet the deadline for investor demos.

Solution

Bloorsoft took on the challenge, leveraging our expertise in rapid MVP development and complex integrations. Here’s how we approached the project:

Tech Stack Tailored for Speed and Performance:We used Supabase for both the back-end database and user authentication, providing a fast and secure way to manage users and data. Next.js was chosen for front-end development due to its powerful server-side rendering capabilities, which helped with both performance and SEO. The app was hosted on Vercel, ensuring fast, scalable deployment with seamless CI/CD integration.

Custom UI Built from Minimal Designs:Tuuli provided us with only basic wireframes in Figma, which meant we had to exercise creative freedom to turn these concepts into a sleek, intuitive interface. Using ShadCN for UI components and Tailwind CSS for styling, we built a modern, user-friendly interface that aligned with Tuuli’s environmental focus while ensuring a smooth user experience.

Map Features for Real Estate Portfolios:Since Tuuli’s MVP required geolocation features, we integrated React Leaflet for interactive maps. This allowed users to visualize property portfolios and environmental data directly on a map. We also used the Google Maps API to enable address search functionality during the portfolio creation process, which made it easy for users to input and locate specific properties.

Complex Carbon Metric Analysis with Custom Graphs:One of the most critical parts of Tuuli’s value proposition was the ability to calculate and visualize environmental metrics, particularly carbon data. We used Recharts to create a highly customized graph component that displayed various projections and metrics related to carbon footprint and environmental impact. This feature required deep integration with Tuuli’s proprietary algorithms and a solid understanding of the environmental data involved. The graph allowed users to toggle between different projections and metrics, providing clear, actionable insights for their portfolios.

Learning and Implementing Environmental Algorithms:To build the carbon metric graph accurately, our team had to dive into the environmental data and algorithms provided by Tuuli. We familiarized ourselves with key concepts related to carbon metrics and environmental sustainability, ensuring that the graph component accurately represented the underlying data. This required close collaboration with Tuuli’s team to fully understand their needs and refine the calculations.

Results

Despite the tight timeline and technical complexity, Bloorsoft delivered a fully functional, sleek MVP web app in less than 7 weeks, right on time for Tuuli’s scheduled investor and client demos.

On-Time Delivery for Investor Demos: Tuuli was able to showcase their product to high-profile clients and investors on schedule, which was critical for their fundraising and customer acquisition efforts.

Sleek and Functional UI: We transformed Tuuli’s minimal wireframes into a polished, user-friendly web app that reflected their brand and vision. The app’s clean, modern design, combined with seamless navigation and functionality, impressed both Tuuli’s team and their demo audiences.

Custom Carbon Metrics Graph: The Recharts integration allowed Tuuli to showcase one of their core value propositions: the ability to analyze carbon metrics and environmental data in real-time. The graph component, which allowed users to compare different projections and metrics, became a standout feature of the app.

Scalable, Secure Infrastructure: By using Supabase for authentication and data management, the app was built with scalability and security in mind. The backend hosted on Vercel ensured fast performance and the ability to handle future user growth without significant changes.

Why Choose Bloorsoft?

Tuuli’s successful MVP launch demonstrates Bloorsoft’s ability to deliver high-quality, fully functional products under tight deadlines, even when the project involves complex features like custom graphs and real-time data integration. Our ability to dive deep into new industries and understand complex data—like Tuuli’s environmental algorithms—sets us apart from other development agencies.

We specialize in transforming rough ideas and minimal designs into polished, market-ready products, helping startups like Tuuli meet critical business milestones and impress investors. Whether it’s building custom data visualization components, integrating mapping technologies, or creating sleek user interfaces, Bloorsoft delivers solutions that combine technical excellence with business-driven outcomes.

With Bloorsoft as your development partner, you’re not just getting code—you’re getting a trusted team that understands the urgency of startup timelines and the importance of creating products that drive real results.