This application is a news website that has multiple sections and allows users to search articles via keywords.
This application was built using React.js (via create-react-app), HTML, and CSS. I used the Jest testing framework along with React Testing Library and DOM Testing Library in order to test each component. I created a low-fidelity wireframe, mockup, and prototype using Figma. For accessibility, I relied on the accessibility audit available in the Chrome Developer Tools and the A11y Contrast Checker plugin for Figma.
Clone down this repo.
In order to use this application, you can first clone down this repo.
After you've navigated to the repository's location on your computer, you can cd into the repository, then open your terminal and run npm install. After this has been completed, you can run npm start to view the code via the React server, typically at http://localhost:3000.
I created the above mockup using Figma based on similar websites such as Google News.
A demo of this application can be viewed below:
The deployed site is available via this link: https://garnetred.github.io/whats-new-project/.