STAR WARS scrolling text from the 1977 movie.
Javascript, D3.js and CSS3 are used to animate images and text. Project built using webpack 5.0.
Click here for live demo.
git clone https://github.com/liam-grossmann/star-wars-d3.git
npm install
npm run dev
npm run build
npm run serve
When code is checked into github a workflow job is automatically run to build and deploy the application to Azure.
Environment | Description | Url |
---|---|---|
Development | Hosted by Webpack | http://localhost:3000/ |
Production | Hosted by Azure as a static web app | https://nice-bush-0e3f23110.2.azurestaticapps.net/ |
Component | Use | Documentation |
---|---|---|
D3 | Data visualisations library | Data Driven Documents |
Webpack v5.0 | Building and bundling the assets | Webpack Guides |