Not many industries are as dynamic and inviting as the technology industry. IT professional needs to constantly learn new knowledge and stay up-to-date with the trends to be on the edge of productivity. As for technology enthusiasts in general, a go-to platform to grab news and trending topics in the tech field is also in demand to help relieve the burden of spending much time going through numerous of sites.
In order to run the application, please ensure a vagrant has been setup.
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Reload after editing code.
Lint of errors will be shown in the console.
This application uses the Mongo Lab for the Mongo Database.
All data is stored in the database "news-repo", and it contains the following collections,
- news
- comments
After running via vagrant, the application is accessible from http://localhost:3000.
The server has an API path /fetch for scraping news articles from the following sites,
- Hacker News
- Techcrunch
- Techcrunch China
- Mashable
- The Next Web
- Wired
- Crypto Coins News
The fetched articles will be stored into the news collection.
The server has an API path /news for returning all the stored news articles.
The data from backend server is displayed at http://localhost:3000.
The server has an API path /article/:id for returning all the information for an article.
The data from backend server is displayed at http://localhost:3000/article/:id.
On the detail article page, there is an link icon to link to the original article.
On the detail article page, there is a tag to link to the original site where the aricle originates.
The server has an API path /comment for adding a comment for an article.
On the detail article page, there is a form for adding new comments to an news article.
The server has an API path /comments/:id for returning all the comments for an article.
The data from backend server is displayed at http://localhost:3000/article/:id.
The home page at http://localhost:3000 is mobile-friendly and resizes reactively based on the screen resolutions.
- Azmarie Wang
- April Qin
- Jerome Lu
- Ray Wang
- Yeoman generator for React.js projects (https://www.npmjs.com/package/generator-react-fullstack)
- React Starter Kit (https://www.reactstarterkit.com/)
- News API (https://newsapi.org/)
- cors-anywhere (https://cors-anywhere.herokuapp.com/)