Vinayak Goyal - Bubble Developer | ContraWork by Vinayak Goyal
Vinayak Goyal

Vinayak Goyal

Front-End Web Developer | React.js & Responsive Websites

New to Contra

Vinayak is ready for their next project!

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.
0
23
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
0
16
Soil Farming Agent – Agriculture Web Application Problem Statement Different crops require different soil conditions to grow effectively, but users may not always have easy access to organized information about soil types, their characteristics, suitable crops, and crop/seed distributors. The project was designed to provide this information through a centralized and easy-to-use web platform. fileciteturn0file0L2-L9 Solution I developed Soil Farming Agent, an agriculture-focused web application with separate Admin and User modules. The Admin can log in and manage soil information and crop/seed distributor details, while users can register, log in, explore soil-related information, and view distributor details. The application uses Firebase for its backend/database requirements and was developed using HTML, CSS, and JavaScript. The project follows a modular structure to keep the code maintainable, testable, and easier to manage as the application grows. fileciteturn0file0L34-L45 Tech Stack: HTML5 • CSS3 • JavaScript • Firebase Domain: Agriculture
1
32
Developed a responsive Order Management System designed to simplify order tracking and day-to-day business operations. The system provides an intuitive interface for managing orders, customer details, order status, and essential records efficiently, with a clean and user-friendly dashboard.
1
41