wittenbrock / wittenbrock-design

My previous portfolio site, now retired.

Wittenbrock Design

My first portfolio site, now retired. The domain wittenbrockdesign.com now features my new site.

Features

• Presents projects with a bespoke layout and custom made icons and assets
• Animates assets to guide the user’s attention and increase usability
• Follows responsive design best practices, including using relative units, designing mobile layouts first, and integrating media queries that dynamically reorganize and resize content
• Includes a development environment with Babel transpiling, Webpack module bundling, a development server, and CSS linting

Installation

This application was build using Node version 10.15.1 and NPM version 6.9.0. For best results, install this project with these versions or greater.

1. Clone the repository to your computer.

git clone https://github.com/wittenbrock/wittenbrock-design.git

2. On the master branch, install the NPM dependencies.

npm install

3. Open the project on a development server.

npm start

4. View the project in your internet browser at http://localhost:8080.

Tools

This project:

• was built with Webpack 4.
• uses semantic HTML markup.
• uses vanilla JavaScript.
• uses CSS animations.
• is styled with SCSS.
• is hosted on Netlify.