This is 3rd Project of Front End Udacity Nano Degree Program that has the following requirement:
- Setting up Webpack
- Sass styles
- Webpack Loaders and Plugins
- Creating layouts and page design
- Service workers
- Using APIs and creating requests to external urls
To run this webapp, Follow the instructions given below :
- Clone this repo.
- To install dependency:
- npm install
- To build the project in production mode
- npm run build-prod
- To start the server
- npm run start
- To run the client, open 'localhost:3040', this will open html.index
- enter valid URL code, 'Submit'
- For a valid URL you would see a result
- For a non valid url, no reuslts will be prodced
- To test the project
- npm run test
- To build the project in developement mode
- npm run build-dev, this will automatically open localshost:8080
This project have the following file structure:
- src
- client
- js
- All JS files
- styles
- All SCSS files
- views
- index.html
- index.js
- js
- server
- index.js
- mockAPI.js
- client
- .babelrc
- .gitignore
- webpack.dev.js
- webpack.prod.js
- package.json
- pacakage-lock.json
- README.md
- REQUIREMENTS.md
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent