Présentation de la gamme Fanta 2017 au sein d'un site animé et coloré
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is even with MericFournier:dev.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.babelrc
.gitattributes
.gitignore
gulpfile.babel.js
package-lock.json
package.json
readme.md

readme.md

Fanta Gamme 2017

A web project created for the Front-End class in 3rd grade at HETIC.

Online version here : http://fanta.nicolas-bernaux.com

Description

During our first semester of front-end class in 3rd grade of HETIC (hight studies in information and communication) we had to create the website of a company. we choosed to work on Fanta's product because we both loved their originality and the high potential of creativity between fanta's universe made of colors and fruits !

This project allowed us to apply all the things we learned in front-end class along the trimester !

Required

In order to install this project on you computer, you need :

Installation

To install this project on your computer, follow these instructions :

$ cd your repository

$ git clone this project git's url

$ cd hetic-p2020-20

$ npm install :

Then, you can run the project in your browser or build the project.

Run project :

$ gulp run

features :
  • live reload
  • local server
  • notification
Build project :

$ gulp

Team members

Alison Heredia Project manager

Camille Pawlak Artistic director

Louis Ghodsi UI/UX designer

Nicolas Bernaux Lead developer

Simon Lucas Front-end developer

Meric Fournier Front-end developer and Git manager

Special Thanks to our teachers

Bastien Calou Front-end teacher

Johann Pinson Front-end teacher

Conventions

SCSS

We used the BEM ( block element modifier ) convention

Javascript

We used the AirB&B JSlinter

Git commit convention

We used to add a gitmoji to all the commit we made in order to separate them and reconize them easily

GULP

Dependencies

  • autoprefixer
  • babel
  • buffer
  • browserify
  • browsersync
  • concat
  • connect
  • cssnano
  • draggable
  • imagemin
  • minify
  • notify
  • plumber
  • rename
  • sass
  • sugar
  • uglify
  • sourcemap

Features

  • local server
  • ES6
  • Imagine Minimified
  • js minimified
  • SASS
  • Live reload

Deployment

we use Netlify to deploy the website online