Frontend Web Starter Kit 👋

Frontend Web Starter Kit boilerplate for building web projects with Gulp. Uses Gulp cli 4.x.

Features

Feature	Summary
Sass support	Compile Sass into CSS with ease, bringing support for variables, mixins and more. (Run gulp serve or gulp for production)
Watch	Watch for file changes, and automatically recompile build and reload webpages
Performance optimization	Minify and concatenate JavaScript, CSS, HTML and images to help keep your pages lean. (Run gulp to create an optimised version of your project to /dist)
Browser Sync	Reload the browser in real-time anytime an edit is made without the need for an extension. (Run gulp and edit your files)
Cross-device Synchronization	Synchronize clicks, scrolls, forms and live-reload across multiple devices as you edit your project. Powered by BrowserSync. (Run gulp and open up the IP provided on other devices on your network)
Static Files	Copy static files and folders into your dist directory

Dependencies

required Packages:

• Node.js @latest
• Gulp Cli V2.2.0 required

Download the boilerplate or clone this repository and build on what is included in the src directory.

There are two HTML starting points, from which you can choose:

• gulp - the default task, only for developement porpouse.
• gulp prod - produce optimize images, inject partial html page, minified css, scss to css, js concate, w3c validate

Folder structure

• src : all the source file's are here.
  • Images : Files in the src/images directory will be compiled to dist/images
  • Js : JavaScript files in the src/js directory will be compiled to dist/js.
  • layout : parital view include's here
  • scss : Files in the src/sass directory will be compiled to dist/css
  • css : Files in the src/css directory will be compiled to dist/css
  • all html page are container in src dirctory
• gulp : seprate task can handle in specific file and include in gulp > task

Browser Support

Now, we officially aim to support the last four versions of the following browsers:

• Chrome
• Firefox
• Safari
• Edge
• Internet Explorer 9+

Author

👤 Archin modi

• Website: https://archinmodi.com
• Twitter: @archinmodi
• Github: @archinmodi

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check issues page. You can also take a look at the contributing guide.

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright © 2020 Archin modi.

This project is MIT licensed.