at0m234 / drive

Drive - adaptive single page website of Driving school

EasyDrive - Driving school

Functionality

EasyDrive - adaptive single page driving school website, created based on a layout from Figma, using HTML, CSS, JavaScript and Webpack.

The site is optimized for screen resolutions from 320px to infinity. The Desktop First approach was used in the layout.

Naming classes by BEM Nested. Webpack, Babel is installed, HTML, CSS, images and fonts processing is configured.

The images were taken from the Figma and optimized to make the site load faster.

View the Site

GitHub Pages

Available Scripts

npm run install

Installing all dependencies from package.json;

npm run build

Builds the app for production to the build folder.
It optimizes the build for the best performance. The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

npm run dev

launch developer mode with a hot reload on http://localhost:8080/ in the browser;

npm run deploy

Deploy the "build" folder to the gh-pages branch of the remote repository.

Stack

HTML

CSS

JavaScript

Webpack