Anurag Majumdar anurag-majumdar
anurag-majumdar
/ todo-shell-index.html
Created
February 7, 2019 06:43
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | |
| <!-- Critical Styles --> | |
| <style> | |
| html { |
anurag-majumdar
/ todo-prpl.js
Created
February 7, 2019 06:51
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var staticAssetsCacheName = 'todo-assets-v3'; | |
| var dynamicCacheName = 'todo-dynamic-v3'; | |
| self.addEventListener('install', function (event) { | |
| self.skipWaiting(); | |
| event.waitUntil( | |
| caches.open(staticAssetsCacheName).then(function (cache) { | |
| cache.addAll([ | |
| '/', | |
| "chunks/todo.d41d8cd98f00b204e980.js","index.html","main.d41d8cd98f00b204e980.js" |
anurag-majumdar
/ app.js
Created
February 8, 2019 18:17
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { appTemplate } from './app.template'; | |
| import { AppModel } from './app.model'; | |
| export const AppComponent = { | |
| // App Component code here... | |
| }; |
anurag-majumdar
/ app.component.js
Created
February 8, 2019 18:22
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { appTemplate } from './app.template'; | |
| import { AppModel } from './app.model'; | |
| export const AppComponent = { | |
| init() { | |
| this.appElement = document.querySelector('#app'); | |
| this.initEvents(); | |
| this.render(); | |
| }, |
anurag-majumdar
/ app.template.js
Created
February 8, 2019 18:48
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export const appTemplate = model => ` | |
| <section class="app"> | |
| <h3> ${model.title} </h3> | |
| <section class="button"> | |
| <button class="btn-todo"> Todo Module </button> | |
| </section> | |
| </section> | |
| `; |
anurag-majumdar
/ todos-webpack.config.js
Last active
February 8, 2019 20:35
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const path = require('path'); | |
| const MiniCssExtractPlugin = require('mini-css-extract-plugin'); | |
| const HtmlWebpackPlugin = require('html-webpack-plugin'); | |
| const WebpackMd5Hash = require('webpack-md5-hash'); | |
| const CleanWebpackPlugin = require('clean-webpack-plugin'); | |
| const CopyWebpackPlugin = require('copy-webpack-plugin'); | |
| const CompressionPlugin = require('compression-webpack-plugin'); | |
| module.exports = (env, argv) => ({ | |
| entry: { |
anurag-majumdar
/ todos-package.json
Last active
February 8, 2019 20:38
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "vanilla-todos-pwa", | |
| "version": "1.0.0", | |
| "description": "A simple todo application using ES6 and Webpack", | |
| "main": "src/main.js", | |
| "scripts": { | |
| "build": "webpack --mode production && node build-sw", | |
| "serve": "webpack-dev-server --mode=development --hot" | |
| }, | |
| "keywords": [], |
anurag-majumdar
/ .babelrc
Created
February 8, 2019 20:46
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Show hidden characters
| { | |
| "presets": ["@babel/preset-env"], | |
| "plugins": ["@babel/plugin-syntax-dynamic-import"] | |
| } |
anurag-majumdar
/ babel-webpack.config.js
Last active
February 8, 2019 21:02
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = { | |
| entry: { | |
| // Mention Entry File | |
| }, | |
| output: { | |
| // Mention Output Filenames | |
| }, | |
| module: { | |
| rules: [ | |
| { |
anurag-majumdar
/ reduce-template.js
Last active
February 8, 2019 21:22
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const WorkModel = [ | |
| { | |
| id: 1, | |
| src: '', | |
| alt: '', | |
| designation: '', | |
| period: '', | |
| description: '' | |
| }, | |
| { |