This was a recreation of a static comp provided below. The goal was to create a small responsive styleguide. This was my first project implementing a CSS preprocessor (SCSS) as well as implmenting BEM (Block Element Modifier) in my code. I found that BEM definitely simplifies some of the large complex logic that CSS code causes and allows for more readable code.
- Open your Terminal
- If you already have node / npm installed on your computer go to step 4
- Install Homebrew
- In your Terminal run the following command:
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
- Install Node
$ brew install node
- Install Git
$ brew install git
- Clone the repo
$ cd [your directory here]
$ git clone [email protected]:coleworsley/pattrn-party.git
- Navigate to directory
$ cd pattrn-party
- Install dependencies
$ npm install
- Open file in browser
$ npm start