Table of Contents:
A responsive SPA brochure aimed at providing an interactive front end UI/UX design.
-
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
Built with create-react-app-buildpack
| Highlights |
|---|
| React |
| Sass |
| Lottie-web |
| Materialize |
| Google Maps Platforms |
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.3git clone https://github.com/GuohaoOuyang/spa-brochure.gitnpm installnpm start