❗❗ Note: This API only acept 200 request per day [Free version] ❗❗
This app is currently use this following plugins. Instructions on how to use them in your own application are linked below.
| Plugin | README |
|---|---|
| React | [https://reactjs.org/] |
| CSS | [https://devdocs.io/css/] |
| React-testing-library | [https://testing-library.com/docs/react-testing-library/intro/] |
| Netifly | [https://www.netlify.com/] |
| API used | [https://newsdata.io/] |
News app used Node.js v16.13.0
for this project to work locally you need to create a .env folder and put your token inside with the variable name "REACT_APP_API_KEY" .env folder
Install the dependencies for to start the server locally.
npm i
npm startFor to see the Test with React-testing library
I Used this for to test the components (unit test)
npm run testHere is the hackathon outline:
- 1: Create an application utilising a news - API.
- There are no constraints on what you can build, enjoy and showcase collaboration as well as languages/tools
- Example of an app could be as follows -> each column/row will have an article image, a name, a description and a button that will lead to said article.
- The code should be well structured and suitably commented.
- Make it responsive
- Testing ?
- Have a login/logout feature
- Store API data in a database (10 - 20 articles)
- Have a favourite feature (user could favourite/like an article)
- Include dark/light mode for accessibility
- API link -> https://newsdata.io/
- 2nd API link -> https://usearch.com/news-api/
- User personas: Making Persons easily :https://www.hubspot.com/make-my-persona
- Design system: Making Persons easily :https://www.hubspot.com/make-my-persona
2: Use any other news api Other news api alternatives feeds -> www.https://geekflare.com/global-news-api/