thechinedu / perspective-preview

This tool provides a simple way to preview funnel data for perspective.

Perspective Preview - A simple tool to preview your perspective funnel data

This tool is a simple way to preview funnel data for perspective. It is a simple web app that allows you to upload a funnel json file and preview the data on various mobile viewports.

Content

• Overview
• Prerequisites
• Installing dependencies
• Running the application
• Running tests

Overview

This application is written using Next.JS and Typescript. It uses Tailwind CSS for styling and Jest and React testing library for testing.

The following are the key component and files included in the application:

• src/components directory: contains the components that make up the application
• src/providers directory: contains the context providers that make it easy to share functionality across the application

Prerequisites

This application depends on Node.JS 16 so please ensure that you have it installed on your machine.

Installing Dependencies

To ensure that the application runs correctly, you have to make sure all dependencies are correctly installed. This can be done by running the following command:

# yarn
yarn install

# or npm
npm install

Running the Application

Once all dependencies are installed, you should be able to run the application. The application can be started in development mode using:

# yarn
yarn dev

# or npm
npm run dev

To start the application in production mode, you can run:

# yarn
yarn start

# or npm
npm start

Running Tests

Test files are placed in close proximity to the files they are testing. All tests can be run with the following command:

# yarn
yarn test

# or npm
npm test