This app was developed using the react framework, check below the versions used
❗❗ Note: This API only acept 100 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/] |
| SASS | [https://sass-lang.com/documentation/] |
| React-testing-library | [https://testing-library.com/docs/react-testing-library/intro/] |
| React Dom | [https://reactrouter.com/docs/en/v6] |
| Netifly | [https://www.netlify.com/] |
| API used | [https://gnews.io/?ref=apilist.fun] |
| Cypress | [https://www.cypress.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 testFor to see the Test with cypress
I Used this for to do E2E testing
npm run cypress:openCreate a website that gets news from the GNews api:
https://gnews.io/?ref=apilist.fun
Your website must:
- Include a search area
- Include a results area
- Include tests
- Be hosted on a publicly accessible URL, so we can see it working
You are free to choose:
- How to style all aspects of the page.
- What language and framework to use.
We are looking to understand your approach to solving this problem as much as the actual technical solution. Add comments to your code to help us understand your thinking.
Googling syntax is allowed, googling solutions is not.
Please commit your solution within the time frame given to you, even if your solution is not complete. We will be interested in seeing how you approached the problem.
If you're in the mood for showboating, plese feel free to show us what else you can do. E.g. you could automate tests for your solution.