Skip to content

A boilerplate to speed up your design process and help designers & developers collaborate more effectively using Visual Studio Code.

License

Notifications You must be signed in to change notification settings

HansUXdev/Bootstrap5-Rapid-Design-Boilerplate

Repository files navigation

Bootstrap5-Rapid-Design-Boilerplate

A boilerplate to speed up your design process and help designers & developers collaborate more effectively using Visual Studio Code.

Visual Studio Code Extensions

This boilerplate is meant to be used with visual studio code extensions to maximize productivity and collaboration.

  1. Rapid Prototyping withdraw.io which is makes low-fidelity prototypes very easy. Also because they are svgs you can animate them if you wanted to.
  2. express-faster if you are going to build an express server, do it fast.
  3. autoprefixer because why do a custom build task for this?
  4. live-sass if you want to use SCSS and bootstrap.
  5. Live Server opens a browser in your editor.nables you to collaboratively edit and debug with others in real time. There is also an audio version
  6. zoom time don't forget that stand up...
  7. Chat for VS Code Chat with your Slack and Discord teams from within VS Code
  8. CodeStream

Automation Features with Puppeteer

  • Headless Browser Testing
  • Unit Testing
  • Style Guide Generation
  • Express Server
  • Bootstrap 5 HTML Template
  • Cross-Browser Testing - Technically yes, but firefox is buggy.