https://monsara.github.io/dashboard/
Layout and styling of the dashboard application interface. Web page based on a semantic responsive markup on BEM methodology.
New browsers — Firefox, Chrome, Opera, Microsoft Edge and IE 11, newer versions of Android/iOS, etc.
- Valid, semantic, cross-browser layout
- Responsive web design for screens with a min-width of 1024 pixels and a minimum height of 600 pixels
- CSS Flexbox
- CSS Media Queries
- Fexible images
- Fexible fonts
- Optimized and minified images
- Stylization of svg icons
- BEM methodology
- Sass (placeholders, mixins, variables, SCSS modules)
- Git
- Npm
- Gulp
- Chrome DevTools
- VS Code
The project uses the basic gulp-builder for layout Gulp Starter Kit
- Collects and optimizes HTML, Sass, JS, images and fonts
- Uses gulp-rigger to work with html chunks
- Includes configuration files for various linters
- All errors are logged to the console
- Adds vendor prefixes
- Optimization Media Queries
- There is a development and assembly mode in prod
- Automatic Deployment on GitHub Pages
Instruction for use Gulp Starter Kit
Before using the Gulp Starter Kit, make sure that Gulp and Node.js are installed on your computer
To build the site on your PC, run the following commands in the terminal:
- Clone the repository on your computer
git clone https://github.com/monsara/generator-hub.git- Go to the project folder
cd generator-hub- Install dependencies
npm install- Run the build project
npm start- In the browser tab go to http://localhost:1234