React fCC Test Suite plugin

├── .gitignore ├── .npmignore ├── LICENSE ├── README.md ├── babel.config.json ├── demo ├── README.md └── src │ ├── index.html │ └── index.js ├── dist └── index.js ├── package.json ├── src └── index.js └── webpack.config.js /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | dist 3 | package-lock.json 4 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | examples 3 | .babelrc 4 | .gitignore 5 | webpack.config.js -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Usheninte Dangana 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | This is a JavaScript plugin for the freeCodeCamp Test Suite. Here is the DEMO. 2 | 3 | ## Functionality 4 | 5 | This plugin works for the following sections of the curriculum 6 | 7 | - Responsive Web Design Projects 8 | - Front End Libraries Projects 9 | - Data Visualization Projects 10 | 11 | ## How To Use 12 | 13 | - Run `npm i react-fcctest` or `yarn add react-fcctest` to install the JavaScript plugin. 14 | 15 | - Include the following snippets in your code. 16 | 17 | ```javascript 18 | import ReactFCCtest from 'react-fcctest'; 19 | ``` 20 | 21 | ```javascript 22 | 23 | ``` 24 | 25 | That is all there is to it! 26 | 27 | > This open source project was built out of admiration for freeCodeCamp. Teaching people to code globally is a great mission! Try to change the world, one line of code at a time. 28 | > [~ ninte.dev](https://ninte.dev) 29 | -------------------------------------------------------------------------------- /babel.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | "@babel/preset-env", 4 | "@babel/preset-react" 5 | ] 6 | } -------------------------------------------------------------------------------- /demo/README.md: -------------------------------------------------------------------------------- 1 | This technical [Medium article](https://medium.com/dailyjs/building-a-react-component-with-webpack-publish-to-npm-deploy-to-github-guide-6927f60b3220) helped a great deal, in breaking down how to use **Webpack**. -------------------------------------------------------------------------------- /demo/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | React fCC Test Suite plugin 5 | 6 | 7 | 8 | 9 | 12 |

13 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default ReactFCCtest; -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const HtmlWebpackPlugin = require("html-webpack-plugin"); 3 | const htmlWebpackPlugin = new HtmlWebpackPlugin({ 4 | template: path.join(__dirname, "demo/src/index.html"), 5 | filename: "./index.html" 6 | }); 7 | module.exports = { 8 | entry: path.join(__dirname, "demo/src/index.js"), 9 | output: { 10 | path: path.join(__dirname, "demo/dist"), 11 | filename: "bundle.js" 12 | }, 13 | module: { 14 | rules: [ 15 | { 16 | test: /\.(js|jsx)$/, 17 | use: "babel-loader", 18 | exclude: /node_modules/ 19 | } 20 | ] 21 | }, 22 | plugins: [htmlWebpackPlugin], 23 | resolve: { 24 | extensions: [".js", ".jsx"] 25 | }, 26 | devServer: { 27 | port: 3001 28 | } 29 | }; --------------------------------------------------------------------------------