evaluate-news-article

所属分类:自然语言处理
开发工具:JavaScript
文件大小:226KB
下载次数:0
上传日期:2022-01-08 08:53:00
上 传 者sh-1993
说明:  评估新闻文章,使用自然语言处理评估新闻文章(前端开发人员Udacity Nanodegree)
(evaluate-news-article,Evaluate a News Article with Natural Language Processing (Front End Developer Udacity Nanodegree))

文件列表:
babel.config.json (89, 2022-01-08)
jest.config.js (67, 2022-01-08)
package-lock.json (868321, 2022-01-08)
package.json (1457, 2022-01-08)
postcss.config.js (51, 2022-01-08)
src (0, 2022-01-08)
src\client (0, 2022-01-08)
src\client\__test__ (0, 2022-01-08)
src\client\__test__\analysisResult.test.js (153, 2022-01-08)
src\client\__test__\handleForm.test.js (137, 2022-01-08)
src\client\__test__\isValidUrl.test.js (657, 2022-01-08)
src\client\images (0, 2022-01-08)
src\client\images\error.svg (1552, 2022-01-08)
src\client\images\github.svg (716, 2022-01-08)
src\client\images\instagram.svg (1652, 2022-01-08)
src\client\images\linkedin.svg (711, 2022-01-08)
src\client\images\logo.svg (1026, 2022-01-08)
src\client\index.js (588, 2022-01-08)
src\client\js (0, 2022-01-08)
src\client\js\analysisResult.js (847, 2022-01-08)
src\client\js\components.js (728, 2022-01-08)
src\client\js\handleForm.js (717, 2022-01-08)
src\client\js\isValidUrl.js (326, 2022-01-08)
src\client\styles (0, 2022-01-08)
src\client\styles\abstracts (0, 2022-01-08)
src\client\styles\abstracts\colors.scss (67, 2022-01-08)
src\client\styles\abstracts\fonts.scss (130, 2022-01-08)
src\client\styles\abstracts\index.scss (67, 2022-01-08)
src\client\styles\abstracts\mixins.scss (104, 2022-01-08)
src\client\styles\base (0, 2022-01-08)
src\client\styles\base\reset.scss (1119, 2022-01-08)
src\client\styles\components (0, 2022-01-08)
src\client\styles\components\form.scss (2147, 2022-01-08)
src\client\styles\components\loading.scss (491, 2022-01-08)
src\client\styles\components\result.scss (468, 2022-01-08)
src\client\styles\index.scss (185, 2022-01-08)
src\client\styles\layout (0, 2022-01-08)
... ...

# Evaluate a News Article with Natural Language Processing ## Table of Contents - [Overview](https://github.com/Bayoumi-dev/evaluate-news-article/blob/master/#overview) - [Built with](https://github.com/Bayoumi-dev/evaluate-news-article/blob/master/#-built-with) - [Install](https://github.com/Bayoumi-dev/evaluate-news-article/blob/master/#install) (How it works) - [Development mode](https://github.com/Bayoumi-dev/evaluate-news-article/blob/master/#development-mode) - [Production mode](https://github.com/Bayoumi-dev/evaluate-news-article/blob/master/#production-mode) - [Testing](https://github.com/Bayoumi-dev/evaluate-news-article/blob/master/#testing) - [The Project Structure](https://github.com/Bayoumi-dev/evaluate-news-article/blob/master/#the-project-structure) ## Overview Evaluate a News Article is the third project in Advance track (Egypt FWD initiative & Udacity). This project aims to build a web tool that allows users to run Natural Language Processing (NLP) on articles or blogs found on other websites. When a user submits a URL of an article, the web page then displays sentiment analysis returned from meaningcloud API, based on the contents of the article. ## Built with #### Languages & Dependencies - HTML - SCSS - JS - NodeJS - ExpressJS - CORS - Node-fetch - Dotenv - Webpack - Jest ## Install ### How it works ###### After clone the project or download ZIP ```bash git clone https://github.com/Bayoumi-dev/evaluate-news-article.git ``` ###### Create an account with [MeaningCloud](https://github.com/Bayoumi-dev/evaluate-news-article/blob/master/https://www.meaningcloud.com/), you will be given a license key to start using the API ###### You must install `Node js` on the local machine, then install the [`dependencies`](https://github.com/Bayoumi-dev/evaluate-news-article/blob/master/package.json) used in this project. Run the command in the root ```bash npm install ``` ###### Create a new `.env` file in the root of this project, then Fill the .env file with your API keys like this: ``` API_KEY=7e3b37************* ``` ###### Start the server with: ```bash npm start ``` This app starts a server and listens on `port: 3001` ## Development mode ###### Start webpack dev server with: ```bash npm run dev ``` The webpack dev server listening on `port: 3000` ## Production mode If you want to generate the `dist` folder and link it to the server you need to active `line:23` in server/index.js\ `// app.use(express.static("dist"));` and deactivate the `line:27` in the same path to disable webpack-dev-middleware\ `app.use(webpackDevMiddleware(compiler));` ###### after that run `npm run build` to build the project in prod mode, then start the server with `npm start` ## Testing ###### Testing the functionality with Jest. Start test: ```bash npm run test ``` ## The Project Structure ```bash ├── babel.config.json ├── jest.config.js ├── package.json ├── postcss.config.js ├── README.md ├── webpack.dev.js ├── webpack.prod.js └── src ├── client │ ├── __test__ │ │ ├── analysisResult.test.js │ │ ├── handleForm.test.js │ │ └── isValidUrl.test.js │ ├── images │ │ ├── error.svg │ │ ├── github.svg │ │ ├── instagram.svg │ │ ├── linkedin.svg │ │ └── logo.svg │ ├── js │ │ ├── analysisResult.js │ │ ├── components.js │ │ ├── handleForm.js │ │ └── isValidUrl.js │ ├── styles │ │ ├── abstracts │ │ │ ├── colors.scss │ │ │ ├── fonts.scss │ │ │ ├── index.scss │ │ │ └── mixins.scss │ │ ├── base │ │ │ └── reset.scss │ │ ├── components │ │ │ ├── form.scss │ │ │ ├── loading.scss │ │ │ └── result.scss │ │ ├── layout │ │ │ ├── container.scss │ │ │ ├── footer.scss │ │ │ ├── header.scss │ │ │ └── index.scss │ │ ├── pages │ │ │ └── index.scss │ │ └── index.scss │ ├── views │ │ ├── favicon.ico │ │ └── index.html │ └── index.js └── server ├── dataRequest.js ├── index.js └── mockAPI.js ```

近期下载者

相关文件


收藏者