Modern Webapp

What is Modern Webapp?

Modern Webapp is an opinionated configuration boilerplate for a modern SPA development workflow. Modern tooling is a nightmare to setup, so let Modern Webapp prepare it for you.

Who is this for?

Are you a

• complete beginner when it comes to front end engineering? Maybe you're comfortable with HTML, CSS, and vanilla JS, and you're ready to level up by building your first single-page application?
• seasoned engineer who wants to dive right into building a project with fancy tools like Webpack, CSS Modules, ES2015, etc. without the hassle of setting it all up yourself?

Then Modern Webapp is for YOU!

Getting started

So you want to build a modern SPA? Let's get to it.

1. Download and install Node 8.9.1+
2. In your favorite shell, navigate to the directory where you want your project to live
3. Clone this repository:

   git clone https://github.com/rmatych/modern-webapp.git your_project_name
   

4. Install project dependencies:

   npm install
   

5. Run the setup script and fill out your project information:

   node setup
   

6. Start the Webpack Dev Server:

   npm run serve:dev
   

7. Navigate to http://localhost:8080/ to get the rundown!

What's inside?

Get up and running instantly with:

• Bulma 0.6.1
• React 16.1.1
• Preact 8.2.6

• Webpack 3.8.1
• Babel 6.26.0
• ESLint 4.12.0
• Node-Sass 4.7.2
• PostCSS 6.0.14