A basic folder structure and set of starter files for the Code First Girls project
All these steps happen in terminal
- Clone the repo
git clone git@github.com:jackarmley/codefirstgirls.git
- Go into the repo folder
cd [wherever you put it]/codefirstgirls
- Run npm install to install all the node modules you'll need to run the project
npm install
- Compile all the css, js, html and icons; Start the server; Watch for changes to css, js and html
gulp
- Visit the site in your favorite browser
http://localhost:2017
- gulpfile.js // Small JS file that runs tasks we need for the project eg: combining css
- package.json // A list of all the packages we need to run tasks via gulpfile.js
- dist/ // Where all the src files are combined to. DON'T EDIT THIS!
- src/
- css/ // Put css for the project here
- html/ // Put html for the project here
- images // Put images for the project here
- js // Put js for the project here
- index.html // The index page you see when you visit localhost.2017. DON'T EDIT THIS! It is compiled from src/html/
- icons.json // List of the icons available for the project that is compiled to dist/icons
- Access the site localhost:2017
- Preview icons localhost:2017/dist/icons/sprite.html
- Read the brief
- Easily get color themes using color.adobe.com
- Pick a font with Google fonts
- Look up CSS, Javascript and HTML with MDN
- How to view the site on your mobile