/hetic-p2020-07

School project. We don't own any rights

Primary LanguageCSS

Lacoste L.12.12

Lacoste L.12.12 is a school project in order to practice front-end developpment.

Link : Netlify

  1. Technologies
  2. Installation
  3. Developpment
    1. Gulp
      1. Developpment Environnment
      2. Production Environnment
      3. SCSS Standards
    2. Github
      1. Commit syntax
  4. Contributors

Technologies

This project uses a number of open source projects to work properly:

  • node.js - Dependency to yarn
  • Yarn - Dependency manager
  • Gulp - the streaming build system
  • SCSS - Styling pre-processor

Installation

Lacoste L.12.12 requires Node.js v4+ to run. Install the dependencies and devDependencies and start the server.

$ cd hetic-p2020-07
$ yarn install
$ gulp default

For production environments...

$ yarn install --production
$ yarn build

Developpment

Gulp

Developpment Environnment

Gulp is already setup to watch and deploy assets (except images, they are only deployed). This include a small server available at localhost:3000 by default. To start it, type in a terminal

$ gulp default

Production

To start it in production mode (without server and with image optimisation), type :

$ yarn build

SCSS Standards

This project is using the BEM (Block, Element, Modifier) standard for styling class naming.

Github

Commit Syntax

The commit must be preceded by the correct gitmoji, available in this guide.

Contributors

  • Lucie : Project Manager, Designer
  • Anna : Front Developper (Product page)
  • Antoine : Front Developper (Homepage)
  • Victor : Front Developper (Animations)
  • Octave : Front Developper (Canvas animation)
  • Lina : Content redactor