Vinayak Goyal
Web Developer: React, Tailwind & Bubble, mobile-first sites
☀️ Meet SunGrid Solar — a complete booking system I built for a solar consultancy in Austin, Texas.
The problem: customers want a solar consultation, but scheduling means calls, voicemails, double-bookings, and no-shows.
The fix — one app that does the work:
📅 Live availability — customers see real open slots and book in 6 simple steps, with travel time, lunch breaks and daily limits built in
✅ Instant confirmation — a booking reference on screen, no waiting
🔁 Self-service — customers reschedule, cancel or confirm attendance themselves; the original slot frees up instantly
🏠 Owner dashboard — every booking appears live with full customer & property details
🛠️ Service requests — customers report issues with photos; the team assigns, schedules and resolves them
Built entirely with @Lovable — design, database, authentication, and real-time updates.
#solar #buildinpublic
4
139
This project is an experimental creative frontend portfolio focused on interactive storytelling and immersive web experiences. I built it using Three.js, GSAP, ScrollTrigger, JavaScript, HTML, and CSS to explore how motion, 3D scenes, and scroll interactions can work together in a modern responsive website.
The experience includes scroll-controlled 3D animation, pinned storytelling sections, horizontal scrolling, animated transitions, custom interaction effects, and responsive layouts across different screen sizes. The goal was to create a website that feels more like a visual experience than a standard portfolio.
I structured the project with reusable JavaScript modules and data-driven content so sections can be updated or expanded without rebuilding the entire experience. I also included responsive behavior and reduced-motion considerations to keep the experience accessible and usable across different devices.
This project helped me strengthen my skills in creative frontend development, Three.js, WebGL, GSAP timelines, ScrollTrigger, responsive interaction design, animation performance, and building visually engaging experiences without relying on a heavy framework.
Three.js, GSAP #JavaScript #WebGL #Creative Development #Front-End Development #Interactive Website #Scrollytelling #Responsive Web Design #UI Animation
2
88
PROJECT DESCRIPTION:
SkillSwap is a responsive peer-to-peer skill exchange marketplace built in Bubble where people can share knowledge and learn new skills without using money. Users create profiles listing the skills they can teach and the skills they want to learn, while the platform helps identify compatible learning partners through mutual skill matching.
THE PROBLEM:
Learning new skills through courses, tutors, and professional training can be expensive. At the same time, many people already possess valuable knowledge they could exchange but lack a dedicated platform to find people with complementary learning interests.
THE SOLUTION:
SkillSwap creates a community-driven exchange system where users can discover members, search by skills, find compatible matches, view profiles, and send personalized swap requests. Accepted requests become active swaps, allowing both users to manage their learning exchange.
Skill Matching: Users specify what they can teach and what they want to learn. The platform compares these interests to identify potential mutual matches.
Swap Management: Users can send, accept, or decline skill-swap requests and manage their active exchanges from a centralized dashboard.
Session Scheduling: Swap partners can propose session dates and times, confirm sessions, track upcoming sessions, and mark completed learning sessions.
Ratings & Reviews: After completing sessions, participants can leave 1–5 star ratings and written reviews to build trust within the community.
TECH & DESIGN STACK:
Platform: Bubble.io
(http://Bubble.io)Core Systems: Bubble Database, Authentication, Workflows, Dynamic Data & Responsive Design
Features: Skill Matching, Profiles, Swap Requests, Session Scheduling, Ratings & Reviews
Design: Deep Blue & White Palette (#1E3A8A), responsive cards, skill tags, status indicators, and marketplace-focused UI.
DEPLOYMENT: The application has been developed and tested in Bubble's development environment. I am currently unable to deploy it to Bubble's live production environment because production deployment requires upgrading to a paid Bubble subscription. Therefore, the project is being demonstrated through its development version and walkthrough.
1
150
Namaste Journeys — Luxury Destination-Focused Travel Platform
PROJECT DESCRIPTION:
Namaste Journeys is a multi-page, high-converting luxury travel platform designed specifically for private Asia and India tours. It combines cinematic destination storytelling, interactive 3D UI micro-interactions, and real-time planning tools to guide travelers seamlessly from discovery to booking. Built with a modular, component-first design system, it delivers an immersive experience across desktop and mobile devices.
THE PROBLEM:
Most traditional travel websites struggle with two major issues:
Generic, Static Content: Traditional tour websites list packages like e-commerce items, failing to evoke emotion or convey the luxury and cultural depth of private travel.
Poor Conversion UX & Friction: High-end travelers are forced to submit blind inquiry forms without understanding itinerary details, pricing tiers, or customizable options, leading to low engagement and abandoned leads.
THE SOLUTION:
Namaste Journeys solves these challenges through narrative architecture and interactive UX:
Immersive Destination Storytelling: Uses full-screen cinematic visuals, 3D tilt-card interactions, and scroll-triggered animations (AOS) to create an emotional connection before pitching a tour.
Interactive Trip Customization: Integrated an Interactive Budget Estimator Widget and Tier Switcher (5★ Luxury vs. Maharaja Royal Tier) allowing users to see instant price estimates based on trip length and guest count.
Modular Component Architecture: Built as a reusable, scalable design system (Hero headers, Filterable Destination Hub, Day-by-Day Accordion Timelines, and Trip Planning Wizards) that allows team members to quickly launch new destination pages without rewriting code.
TECH & DESIGN STACK:
Design System: Glassmorphism, Gold & Deep Teal Palette (#0A2647, #E8521A, #D4AF37)
Typography: Google Fonts (Cinzel, Playfair Display, Plus Jakarta Sans)
Frontend & Libraries: HTML5, CSS3, JavaScript (ES6+), AOS (Animate On Scroll), Vanilla-Tilt 3D, FontAwesome 6.4
1
114