AI Apps created by Zayera

I started trying out AI app creation first with Mocha AI (September 2025), then Rocket New AI, Google AI studio and now I have created the apps below with Lovable (February 2026). Figuring out how to utilise the App creation tool for ideas and concepts.

Klimatio

Klimat.io | Climate Tracker for Individuals

Klimat.io is a modern, data-driven web application designed to empower individuals to take climate action. Built with a focus on accessibility and actionable insights, the app helps users calculate their carbon footprint, track daily sustainable habits, and visualize their long-term impact on the environment.

🚀 Project Overview

The primary goal of Klimat.io is to demystify personal carbon emissions. By breaking down complex environmental data into intuitive categories like transport, food, and household energy, the app provides a clear roadmap for users looking to live more sustainably.

🛠 Tech Stack

Frontend: React.js with Vite for high-performance rendering.
Styling: Tailwind CSS for a responsive, mobile-first design.
Icons: Lucide-React for a clean, consistent visual language.
Backend/Database: Supabase (PostgreSQL) for secure user authentication and persistent data storage.
Deployment: Lovable Cloud / Netlify.

✨ Key Features

1. Interactive Carbon Calculator

Users can input their lifestyle data (e.g., flight hours, diet type, energy bills) to receive an instant estimation of their annual CO2e emissions.

2. Daily Sustainability Habit Tracker

A gamified checklist encourages users to perform "micro-actions"—such as composting or using public transport—which contribute to an overall "Sustainability Score."

3. Impact Visualizations

Using dynamic charts, the app provides a monthly breakdown of emissions, allowing users to see exactly where their reductions are having the most impact.

4. Localized Insights

Originally designed for the Swedish market, the app utilizes region-specific emission factors to ensure that calculations are as accurate as possible for the user's specific geographic context.

🎨 Design Philosophy

The UI follows a "Green Minimalism" approach. By utilizing a neutral background with vibrant green accents, the app feels fresh and encouraging rather than alarmist. High contrast and ample whitespace ensure the data remains the focal point, making the transition from "data entry" to "insight" seamless.

📈 Results & Impact

User Engagement: Increased daily interaction through gamified habit tracking.
Data Accuracy: Leveraged scientifically-vetted emission factors for reliable reporting.
Responsiveness: Fully optimized for both desktop and mobile devices, ensuring users can log habits on the go.

WanderBeacon

Wander Beacon

Real-Time Connection for the Modern Explorer

Wander Beacon is a lightweight, privacy-focused location-sharing application designed to bridge the gap between digital safety and physical exploration. Whether you’re navigating a sprawling music festival, hiking remote trails, or ensuring a friend gets home safely at night, Wander Beacon provides a seamless way to stay connected without the noise of traditional social media.

The Concept

The core philosophy behind Wander Beacon is "Connection on Demand." Unlike apps that track you 24/7, Wander Beacon centers on the "Digital Beacon"—a temporary, user-initiated broadcast. You only share when you want to, for as long as you want to, giving you full agency over your digital footprint while you wander the physical world.

Key Features & Usefulness

Live Beacon Broadcasting: Drop a real-time pin that trusted contacts can follow via an intuitive, high-clarity map interface.
Privacy-First Architecture: Granular permission controls allow you to toggle visibility instantly, ensuring your location is only shared with the right people at the right time.
Cross-Platform Simplicity: Built as a responsive web app (PWA), it offers a "native app" experience on any device without requiring a bulky download—perfect for users with limited storage or data.
Minimalist UX: A clean, distraction-free interface that eliminates the friction of constant "Where are you?" texts, replacing them with visual peace of mind.

Technical Deep-Dive

This project was engineered to handle real-time data syncing with high precision and low latency.

Frontend: Built with React and Tailwind CSS for a fluid, mobile-first UI.
Geospatial Integration: Leverages the Geolocation API for high-accuracy tracking and Mapbox/Leaflet for dynamic rendering.
Real-Time Backend: Utilizes a reactive database (Supabase) to ensure that as a user moves, their beacon updates across all authorized devices in milliseconds.

Solsökaren

Solsökaren (The Sun Seeker)

Precision Sun Tracking for Life’s Brightest Moments

Solsökaren is a high-precision solar path and shadow visualization tool designed for anyone whose lifestyle or profession revolves around the sun. Whether you are a homeowner hunting for the perfect sun-drenched balcony, a photographer chasing the "Golden Hour," or a gardener planning the next season’s layout, Solsökaren removes the guesswork by providing exact, real-time solar data for any location on Earth.

The Concept

The idea behind Solsökaren is to make complex astronomical data accessible and actionable. Instead of static charts, the app provides a dynamic, visual experience that lets users "time travel"—viewing how shadows will fall and where the sun will sit at any specific hour, on any day of the year. It’s built on the belief that understanding light shouldn't be difficult, it should be an intuitive part of your planning process.

Key Features & Usefulness

Dynamic Solar Path Mapping: Visualize the sun’s trajectory across a map for any chosen date, allowing for precise planning months in advance.
Shadow Visualization: Instantly see how buildings, terrain, and structures will cast shadows, making it an essential tool for real estate and urban living.
The "Photographer’s Clock": Accurate calculations for Golden Hour, Blue Hour, and twilight, ensuring you never miss the perfect lighting for a shoot.
Real Estate Insight: A "must-have" for apartment hunters to verify "sunny balcony" claims before committing to a viewing or purchase.
Solar Energy Planning: Quickly assess the best orientation for solar panels or outdoor living spaces based on seasonal sun cycles.

Technical Deep-Dive

Solsökaren was developed with a focus on high-performance geospatial calculations and a fluid, responsive user experience.

Frontend: Crafted with React, Tailwind CSS, and Framer Motion for a modern, interactive interface that remains lightweight on mobile devices.
Solar Algorithms: Implements sophisticated astronomical algorithms to calculate sun elevation, azimuth, and shadow ratios based on GPS coordinates.
Interactive Mapping: Integrated with Mapbox/Leaflet to provide high-resolution, interactive overlays that sync perfectly with the time-scrubber.
Full-Stack Power: Developed using the Lovable ecosystem with Supabase for backend logic, ensuring that location favorites and user data are synced securely and instantly.

OnTrack

Smart Transit Intelligence for the Modern Commuter

OnTrack is a high-performance transit tracking application designed to simplify the complexities of rail travel. By providing real-time visualization of train movements, schedules, and platform data, OnTrack transforms the daily commute from a game of chance into a data-driven experience. It’s built for the "power commuter"—the person who needs accurate, live information to make split-second decisions about their journey.

The Concept

The core mission of OnTrack is predictive clarity. Public transit data is often fragmented across physical station boards and outdated websites. OnTrack aggregates these data streams into a single, cohesive dashboard. The concept focuses on reducing "commuter anxiety" by providing a reliable "second screen" that tracks delays, platform changes, and transit health in real-time.

Key Features & Usefulness

Live Transit Dashboard: A unified view of active train lines, providing an instant pulse on the entire network’s status.
Real-Time Map Visualization: Watch transit assets move across the grid with low-latency updates, allowing for precise arrival estimations.
Smart Alert System: Automated notifications for delays or platform shifts, ensuring users are informed before they even reach the station.
Historical Performance Data: Insights into route reliability, helping users choose the most consistent lines based on actual historical data rather than just the official timetable.
Schedule Integration: Seamlessly toggle between live "on-track" data and planned schedules to identify discrepancies immediately.

Technical Deep-Dive

OnTrack is a masterclass in handling asynchronous data streams and real-time state management.

Frontend: Developed using React and Tailwind CSS, utilizing a modular component architecture for high-speed rendering of moving assets.
Data Integration: Engineered to consume and parse complex GTFS-Realtime (General Transit Feed Specification) and REST API data from transit authorities.
Live Syncing: Built with Supabase and TanStack Query, the app ensures that the UI remains in sync with the server-side transit feed without requiring manual refreshes.
Performance Optimization: Implements "optimistic UI" patterns and efficient polling strategies to provide a native-app feel while minimizing data consumption.