Analyzing Web-Sites

Analyzing getting main information about the website

• Internal and external links
• Title and description
• Headings
• Login forms

Project structure

build/
|- index.html _________________________________ # application html 
client/
|- index.jsx __________________________________ # Application entry point
|- App.jsx ____________________________________ # Application init
|- Constants.js _______________________________ # Application constants
|  |- Components/
|    |- Common/ _______________________________ # Reusable components
|       |- error/ _____________________________ # Error component
|    |- Search-box/ ___________________________ # Search box component
|    |- Search-result/ ________________________ # Search result component
server/     
|- index.js __________________________________ # Nodejs entry point and routes
|- helpers.js ________________________________ # Utils.
|- dataServer.js _____________________________ # Appication logic

  

Table of contents

Install

Run development

Unit testing

Bundling

Technologies used

Install

• npm install or yarn to install all dependency.

Run development

• Run server yarn start
• Run Front-End yarn start:frontend

Unit testing

Will run watch all and coverage

• yarn test

Bundling

• Run yarn build

Technologies used

• Webpack 4 [ Using the new development mood ]
• Babel 7 [ transforming JSX and es6 ]
• React
• Lodash
• Jest [ Unit test]
• Enzyme for UI testing.
• ExpressJS Nodejs Server.
• Cheerio Parses markup and provides an API
• Eslint with airbnb config
• Prettier [ Code formatter ]
• Style & CSS Loader