egaving / take-home-challenge

take-home-challenge

Set Up Instructions:

• Git clone down this repo in terminal
• git clone [email protected]:EGavinG/take-home-challenge.git
• cd take-home-challenge
• cd news-article-app
• Run npm install
• Run npm start
• Will run in localhost:3000

Abstract

This Take-Home-Challenge was an 8 hour sprint to test my React Fundementals on meeting MVP for an application within a time constrain. Using mock data to build an application that displays News Articles on load for the user to click and view as well as search through. Trending topics being the sourced data of articles the user can search through from the News API data provided. Giving the user the ability to use this application to browse/search/view/interact with trending articles.

Contributors

Gavin Garcia

Project Board

Here

Wins/Challenges

• Challenge - Time contraint being 8 hours to flesh out an application that meets the mvp of the challenge.
• Win - Getting each MVP done to meet the challenges requirments

Future Additions

• More robust styling
• Ability to give the user a sort feature for articles by date
• Cypress testing for the application

Screenshot of Application

take-home-challenge's Issues

ReadMe update

As a user, I want to be able to search for articles, so I can find specific topics or keywords of interest.

Acceptance criteria:
-There should be a search bar accessible from the home page.
-Users should be able to input keywords into the search bar and see relevant articles dynamically filtered based on their input.
-The search functionality should be intuitive and responsive across different devices.

As a user, I want the application to handle requests efficiently, so I can have a smooth browsing experience without encountering delays or errors.

Acceptance criteria:
-During development, the application should use mock data to limit actual requests to the News API.
-Upon demonstration or evaluation, the application should switch to making live requests to ensure real-time updates.
-The application should handle potential errors gracefully, providing informative feedback to the user if any issues arise.

As a user, I want to view a detailed view of an article, so I can read the full content and additional information.

Acceptance criteria:
-The detailed view should include the headline, image (if available), date, content, and source of the article.
-Users should be able to navigate back to the list of articles from the detailed view.
-The detailed view should be accessible from any article item in the list view.