SPA Brochure

Table of Contents:

• SPA Brochure
  • Live Preview
• About
  • Features
  • Tech Stack
• Setup Guide
  • Prerequisites
  • Getting Started

Live Preview

Demo

About

A responsive SPA brochure aimed at providing an interactive front end UI/UX design.

Features

• Web lottie & infinite scroll banner: The web-lottie will scale and start on hover
  

• Animated counter by scroll
  

• Responsive design with animated transition
  

• Detective nav bar: nav bar will hide on scroll down, show on scroll up. Nav item will be rendered by scroll section
  

• Carousels with both automotive and manual control
  

• Scrolling items paused on hover
  

Tech Stack

Built with create-react-app-buildpack

Highlights
React
Sass
Lottie-web
Materialize
Google Maps Platforms

Setup Guide

Prerequisites

In order to run this project locally you must have node.js installed.

This project was built on the following node version.

$ node --version
v12.18.3

Getting Started

git clone https://github.com/GuohaoOuyang/spa-brochure.git

npm install

npm start