This is a startup project template for developing a web interface. There is no jQuery in it, only Vanilla JS, only hardcore! If you need jQuery, then you can add it separately as bootstrap and other modules. This template includes a number of useful modules in my opinion that automate part of the work.
This special version with TypeScript and SCSS.
git clone https://github.com/le2xx/frontend-starter-kit.git new-project
cd new-project
npm install
npm start
npm build
npm run new-block name-block
npm run gh-deploy
├── src/ #
│ ├── app/ #
│ │ ├── components/ # Components directory
│ │ │ ├── layout/ #
│ │ │ │ └── layout.pug #
│ │ │ └── component-name/ # Component directory
│ │ │ ├── component-name.js # JS file component
│ │ │ ├── component-name.pug # Pug file component
│ │ │ └── component-name.styl # Styl file component
│ │ └── pages/ #
│ │ └── index.pug # Index page
│ ├── assets/ #
│ │ ├── favicons/ # Favicons directory
│ │ ├── fonts/ # Directory for font files
│ │ └── images/ # Directory for image files
│ ├── styles/ #
│ │ ├── base.styl # Base stylus file for include other stylus files
│ │ ├── fonts.styl # Stylus file for include fonts
│ │ ├── mixins.styl # Stylus file for making replayable styles
│ │ └── variables.styl # Stylus file for making variables
│ ├── main.ts # Main JavaScript file
│ └── polyfills.js #
├── .gitignore #
├── .stylintrc #
├── new-block.ts # Script for making new components
├── package.json #
├── README.md #
└── webpack.conf.js # Webpack config file
- Add automated testing tools
- Possible to add TypeScript