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
```
近期下载者:
相关文件:
收藏者: