This is a Next.js project bootstrapped with create-next-app.

Funnel Preview Tool

This tool allows you to preview funnels with ease. Some notable features include:

• Fully type-safe codebase with Typescript. No more runtime errors 🙌.
• Fully responsive.
• User friendly animations and transitions when interacting with the funnel preview, also when navigating between pages.
• You can choose one of the provided funnel examples, or also upload your own JSON file: it will be validated the file against the provided structure from Perspective (source).
• User friendly messages when parsing/validating uploaded json files.
• It supports keyboard arrow navigation (on desktop), and swipe navigation to move between pages.
• Most important flows (funnel preview, upload and json parsing) are covered with unit tests using jest and testing-library.
• Added Github Workflow that automatically lints, tests, and builds to ensure no breaking changes are commited, and that the code style follows desired rules.
• When opening a preview funnel, ensure all images are pre-loaded for the best experience, and to properly see animations.

Running locally

First, run the development server:

yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.