SolarSync

Compare your utility bill with your solar energy report to see what you really used, what you sent back to the grid, and whether your bill adds up.

Comment

Inspiration

-As a solar-powered homeowner, I found it frustrating to compare my utility bill with actual solar production. There’s often a disconnect between what utility companies report and what solar systems generate. SolarSync was created to solve that problem — with transparency, automation, and AI-powered insights.

What it does

-SolarSync allows users to upload their utility bill and solar report. A custom Supabase Edge Function processes both PDFs, extracts usage data, and calculates savings based on solar contribution. Users receive a visual comparison of utility usage vs. solar generation along with estimated savings.

Key features include:

  • Secure file upload and storage
  • Billing period and energy data extraction
  • Savings calculations using mock OCR
  • Authenticated user sessions
  • Subscription paywall using RevenueCat + Stripe

How we built it

SolarSync was built using:

  • React + TypeScript frontend
  • Supabase for authentication, storage, and database
  • Supabase Edge Functions for PDF processing
  • RevenueCat + Stripe for subscription access
  • Netlify for full-stack deployment
  • Bolt.new for rapid scaffolding, project launch, and edge function templates

I followed WCAG 2.1 Level AA standards as a foundation and plan to improve ADA compliance with further enhancements.

GitHub Integration

The project is fully connected to GitHub:

  • Tracks all file changes, commits, and deployments
  • Provides clean, maintainable code
  • Supports future development and version control

Supabase & RevenueCat Configuration

  • Supabase project credentials properly integrated
  • Auth, file storage, edge functions, and RLS policies configured
  • RevenueCat connected with working project ID validation and mock fallback
  • Stripe setup linked to a live paywall flow

Build & Deployment

  • Project was built and optimized with Vite
  • dist/ folder confirms successful production build
  • Live site deployed via Netlify
  • Bolt.new badge is displayed on the live app (per hackathon requirements)

Challenges we ran into

  • Simulating PDF parsing with mock data
  • Ensuring secure file handling with user-specific access
  • RevenueCat/Stripe configuration for a web-first subscription model
  • Designing a user-friendly UI with room for accessibility growth

Accomplishments that we're proud of

  • Developed a production-ready app with custom backend logic
  • Implemented real subscription payments
  • Designed with modularity and scalability in mind
  • Built a privacy-focused app with secure user data policies

What we learned

  • Using Supabase Edge Functions for serverless PDF logic
  • Structuring multi-tenant databases with RLS
  • Combining GitHub, Netlify, and Bolt.new for seamless workflow
  • Planning accessibility from the beginning is key

What's next for SolarSync

  • Upgrade mock OCR to real API integration (e.g., AWS Textract or Google Vision)
  • Develop a mobile-friendly PWA version
  • Improve accessibility: screen reader support, tab navigation
  • Add monthly usage history and downloadable reports
  • Expand analytics and user dashboards

Built with Bolt.new

This project was built with Bolt.new and proudly displays the Built with Bolt.new badge.
https://bolt.new/~/sb1-qryxp9ys [Bolt.new]

Live Demo

https://solarsync-0100.netlify.app/ [Live App on Netlify]
https://github.com/gitgirl0100/SolarSync [GitHub Repository]

Built With

Share this project:

Updates