hetic-p2019-09's Introduction

Buddytrain 🚇

Install 🔧

npm install

then

npm install -g webpack

Install the Linter 🙈

export PKG=eslint-config-airbnb;
npm info "$PKG" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs npm install --save-dev "$PKG"

If you are on Atom : apm install linter-eslint On Sublime, install this package : SublimeLinter-contrib-eslint

For the SCSS Linter (Only Atom) 🙉

apm install linter-sass-lint

Run 🚀

webpack

Run with dev-server 👷

npm install -g webpack-dev-server

then

webpack-dev-server

Watch 👀

webpack --watch

Run prod 🔥

webpack -p

hetic-p2019-09's People

Contributors

Watchers

hetic-p2019-09's Issues

Generator sms last section

Animations sections

Bug neige montagne front

Responsive notification & bulles

Share Button Style

Linter SCSS

Valider le code avec le linter

Linter JS

Toutes les "duration" doivent être en vh

Intervertir le scroll

Si pas possible utiliser flèches

Responsive desktop last section

Narration texte en haut à droite

Utiliser https://github.com/mattboldt/typed.js/

Stop neige animation

Make Principle Animation to show example

Make animation on principle to show animation example.

Animation soleil

Trigger pour allumer les lumières du train

Chat Bubble Animations

Bubble Animation Train

Make a bubble animation train, with a user for example. Test with some design 👍

Roadmap mobile (iOS / Android) + iPad

Animation des nuages

New Section : Book Trip

A section : show how the user can book the same friend's trip

Retravailler la neige

Animation lune

Problème de compatibilité avec Firefox & Safari

Menu avec changement de couleur

Re-work Hero Section

Find a best solution for Hero Section "En savoir plus" for more interactivity with user and best goal tracking.

Writing the content

Writing the content for :

Merge sections

Add Header

Create Header for Desktop & Mobile

Desktop
Mobile

Position of sun

Create Skeleton

Start

Blablablabla @LionelPaulus
Coucouc coucou

Redesign the Footer

More link -- Download ? SMS number ? Newsletter ? Social Network ? Thinking about that.

Scroll Magnetic Library : Find or Create

Test performance for the library or create our own library. Make a test on a new branch !

Test solution Infinity Background 💞

Test in a new branch, the possibility in Javascript or CSS to make the infinity and repeat background

Autoprefixer doesn't work 😢

var autoprefixer = require('autoprefixer');

module.exports = {
    module: {
        loaders: [
            {
                test:   /\.css$/,
                loader: "style-loader!css-loader!postcss-loader"
            }
        ]
    },
    postcss: [ autoprefixer({ browsers: ['last 2 versions'] }) ]
}

ça marche pas !!

./node_modules/node-sass/bin/node-sass front/sass/main.scss public/src/css/app.css &&
node ./node_modules/postcss/lib/postcss.js --use autoprefixer --autoprefixer.browsers '> 0%' public/src/css/app.css -d public/src/css/ && webpack --config webpack.config.js

'.' n’est pas reconnu en tant que commande interne
ou externe, un programme exécutable ou un fichier de commandes.