Nómada Picnic is a production-ready, highly interactive web application designed for a luxury picnic rental business. The platform management features complex user interactions, premium smooth animations, and an automated backend workflow to streamline inquiries, inventory management, and event scheduling.
🌐 Live Demo:
- Interactive UI/UX: Implemented high-performance, scroll-triggered animations and fluid interactive headers to deliver a premium brand experience.
- Automated Workflow Integration: Built a custom event management and quotation tool synced with external services (Google Workspace ecosystem via Apps Script) to handle scheduling, price calculations, and calendar synchronization seamlessly.
- Modular Architecture: Designed with a clean separation of concerns, ensuring high maintainability, reusable components, and scalable business logic.
- Modern Styling & Responsiveness: Built using modular SASS structure to achieve an immaculate, responsive layout across all device types.
- Frontend: HTML5, SASS (Modular CSS Architecture), JavaScript / TypeScript.
- Animations: GSAP (GreenSock Animation Platform) & Lottie Files for high-fidelity vector animations.
- Backend Automation: Google Apps Script / Google Sheets API for automated calendar event generation, pricing engine, and quoting workflows.
- Environment: Dockerized setup for local development.
Instead of over-engineering a heavy, costly database infrastructure for an early-stage business, the architecture leverages a lightweight, serverless approach using Google Apps Script as a micro-backend. This triggers automatic availability checks, computes dynamic quotes based on inventory, and instantly syncs confirmed bookings with Google Calendar.
To ensure a premium feel without sacrificing performance, animations are orchestrated via GSAP ScrollTrigger. Vector heavy-lifting is delegated to Lottie, keeping the bundle size optimized and maintaining a smooth 60fps rendering curve on mobile devices.
- Node.js (v18+ recommended)
- Docker (optional, for containerized environment)
- Clone the repository:
git clone [https://github.com/RecRoger/nomada-picnic.git](https://github.com/RecRoger/nomada-picnic.git)
cd nomada-picnic- Install dependencies:
npm install- Start the development server:
npm run start- Rogelio Arzola - Senior Fullstack Developer & Software Architect
- LinkedIn: linkedin.com/in/rogelioarzola