Coder Social home page Coder Social logo

api-practice-bike-index's Introduction

SSAA: Static Shock and Awe

by Jeremy Banka

Technologies Used

  • ๐Ÿ“„ HTML5
  • ๐Ÿ’… SASS โžก๏ธ CSS3
  • โ–ถ๏ธ ES6 ๐Ÿ›  Airbnb ESLint (thanks to VS Code ext. ESLint by Dirk Baeumer)
  • โ“ jest 26.6.3
  • ๐Ÿ“ฆ Webpack 5 for bundling my js modules.
  • ๐Ÿ‘จ๐Ÿปโ€๐ŸŽจ Adobe Illustrator (comps/planning)
  • ๐Ÿ…ฐ๏ธ Fonts and Icons by me using Georg Seifert's superb ๐Ÿ’šGlyphs.app๐Ÿ’š

Description

This is a template repo for SHOCKING and AWESOME static web development.

Includes webpack, jest, and eslint preconfigured. Just get to work!

Setup/Installation Requirements

First Things First

  • Clone this repo: $ git clone https://github.com/jeremybanka/ssaa
  • Get things installed: $ npm i
  • Get things built: $ npm run start
  • This should prompt your browser to open the project on 8080. It's actually pointed at the dist folder, and will update live.

ESLint/Prettier Tooling

  • Use VS Code.
  • Install VS Code extension "ESLint" by Dirk Baeumer.
  • Install VS Code extension "Prettier"
  • Ensure that your VS Code settings.json has the following properties set:
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
    }
    
  • Now, my meticulously selected formatting preferences will be applied to files in this repo any time you hit save!

Known Bugs

  • none identified

License

This software is licensed under GPL 3.0.

Contact Information

hello at jeremybanka dot com

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.