/vector-udemy-reactjs-burger-builder

Development of the "Burger Builder" application of the reactjs course of Vector Academy

Primary LanguageJavaScriptApache License 2.0Apache-2.0

vector-udemy-reactjs-burger-builder

Development of the "Burger Builder" application of the reactjs course of Vector Academy

How to use

  • Run npm install in the extracted folder
  • Run npm start to view the project. Open http://localhost:3000 to view it in the browser.
  • Run npm run test launches the test runner in the interactive watch mode.
    See the section about running tests for more information.
  • Run npm run build Builds the app for production to the build folder.
  • Run npm run firebase:login Login into firebase with google user
  • Run npm run firebase:init Init firebase configuration. Proceed: ** Which Firebase CLI features do you want to set up for this folder? Press Space to select features, then Enter to confirm your choices. Select Hosting: Configure and deploy Firebase Hosting sites ** What do you want to use as your public directory? build ** Configure as a single-page app (rewrite all urls to /index.html)? y ** File build/index.html already exists. Overwrite? N
  • Run npm run firebase:deploy Deploy app in firebase. Open https://vector-udemy-burger-builder.web.app/ to view it in the browser.
  • Run npm run eject This command will remove the single build dependency from your project.

Available Scripts

Features

Containers

Components

High Order Components

Dependencies

  • autoprefixer PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.
  • axios Promise based HTTP client for the browser and node.js
  • axios-extensions A non-invasive, simple, reliable collection of axios extension
  • babel-core Babel compiler core.
  • babel/plugin-proposal-class-properties This plugin transforms static class properties as well as properties declared with the property initializer syntax.
  • babel/plugin-syntax-dynamic-import Allow parsing of import()
  • babel/preset-env A Babel preset for each environment.
  • babel/preset-react Babel preset for all React plugins.
  • babel/runtime babel's modular runtime helpers.
  • babel-eslint babel-eslint allows you to lint ALL valid Babel code with the fantastic ESLint
  • babel-jest Babel jest plugin.
  • babel-loader This package allows transpiling JavaScript files using Babel and webpack
  • babel-plugin-styled-components This plugin is a highly recommended supplement to the base styled-components library
  • case-sensitive-paths-webpack-plugin This Webpack plugin enforces the entire path of all required modules match the exact case of the actual path on disk.
  • chalk Terminal string styling done right
  • css-loader The css-loader interprets @import and url() like import/require() and will resolve them.
  • dotenv Dotenv is a zero-dependency module that loads environment variables from a .env file into process.env. Storing configuration in the environment separate from code is based on The Twelve-Factor App methodology.
  • eslint ESLint is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code.
  • eslint-loader A ESlint loader for webpack.
  • eslint-plugin-flowtype Flow type linting rules for ESLint
  • [eslint-plugin-import](This plugin intends to support linting of ES2015+ (ES6+) import/export syntax, and prevent issues with misspelling of file paths and import names. All the goodness that the ES2015+ static module syntax intends to provide, marked up in your editor)
  • eslint-plugin-jsx-a11y Static AST checker for accessibility rules on JSX elements.
  • eslint-plugin-react React specific linting rules for ESLint
  • file-loader The file-loader resolves import/require() on a file into a url and emits the file into the output directory.
  • fs-extra fs-extra adds file system methods that aren't included in the native fs module and adds promise support to the fs methods. It also uses graceful-fs to prevent EMFILE errors. It should be a drop in replacement for fs.
  • moment A lightweight JavaScript date library for parsing, validating, manipulating, and formatting dates.
  • moment-timezone IANA Time Zone Database + Moment.js.
  • html-webpack-plugin This is a webpack plugin that simplifies creation of HTML files to serve your webpack bundles. This is especially useful for webpack bundles that include a hash in the filename which changes every compilation. You can either let the plugin generate an HTML file for you, supply your own template using lodash templates or use your own loader.
  • jest Delightful JavaScript Testing.
  • jest-styled-components A set of utilities for testing Styled Components with Jest. This package improves the snapshot testing experience and provides a brand new matcher to make expectations on the style rules.
  • object-assign Node.js 4 and up, as well as every evergreen browser (Chrome, Edge, Firefox, Opera, Safari), support Object.assign() 🎉. If you target only those environments, then by all means, use Object.assign() instead of this package.
  • postcss PostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS syntax, inline images, and more.
  • postcss-cli CLI for PostCSS .
  • postcss-import PostCSS plugin to transform @import rules by inlining content.
  • postcss-flexbugs-fixes PostCSS plugin This project tries to fix all of flexbug's issues.
  • promise This is a simple implementation of Promises. It is a super set of ES6 Promises designed to have readable, performant code and to provide just the extensions that are absolutely necessary for using promises today.
  • react React is a JavaScript library for creating user interfaces.
  • react-dev-utils This package includes some utilities used by Create React App.
  • react-dom This package serves as the entry point to the DOM and server renderers for React. It is intended to be paired with the generic React package, which is shipped as react to npm.
  • react-moment React component for the moment date library.
  • react-router-dom DOM bindings for React Router.
  • styled-components Visual primitives for the component age. Use the best bits ES6 and CSS to style your apps without stress.
  • sw-precache-webpack-plugin SWPrecacheWebpackPlugin is a webpack plugin for using service workers to cache your external project dependencies. It will generate a service worker file using sw-precache and add it to your build directory.
  • uglifyjs-webpack-plugin This plugin uses uglify-js to minify your JavaScript.
  • url-loader A loader for webpack which transforms files into base64 URIs.
  • uuid For the creation of RFC4122 UUIDs
  • webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
  • webpack-cli webpack CLI provides a flexible set of commands for developers to increase speed when setting up a custom webpack project. As of webpack v4, webpack is not expecting a configuration file, but often developers want to create a more custom webpack configuration based on their use-cases and needs. webpack CLI addresses these needs by providing a set of tools to improve the setup of custom webpack configuration.
  • webpack-dev-server Use webpack with a development server that provides live reloading. This should be used for development only.
  • webpack-manifest-plugin Webpack plugin for generating an asset manifest.
  • whatwg-fetch The fetch() function is a Promise-based mechanism for programmatically making web requests in the browser. This project is a polyfill that implements a subset of the standard Fetch specification, enough to make fetch a viable replacement for most uses of XMLHttpRequest in traditional web applications.

Version

0.0.1-SNAPSHOT. We use SemVer for versioning. For all available versions, see the tags in this repository.

Authors

License

The Core API Framework is released under version 2.0 of the Apache License.