is this space themed enough?

• Project Planning
  • Overview
  • Wireframes
  • MVP
    • Goals
    • Libraries
    • Data
    • Component Hierarchy
    • Component Breakdown
    • Component Estimates
    • Helper Functions
  • Post-MVP
• Project Delivery
  • Code Showcase
  • Code Issues & Resolutions

Click here for live site

UPDATE It turns out that the News API I used for this no longer allows the free developer plan to make API calls from the browser. Therefore, the live site no longer works. At this time, as I do not plan to monetize this project, I can't afford a paid plan. If you would like to demo this, please clone the repository to your local machine, as requests from localhost should still work.

News Reader is an app that will let people search for news. It will allow people to look up any search terms and return relevant articles. It can return articles only from the US or it can return articles from all around the world. It will pull data from the News API.

Click "Details" to expand and view image.

The News Reader will be responsive, utilize React Router, and pull data from the News API. It will display news headlines and some content from news articles (as allowed by the API's free tier), based on a user's search input.

• Working React App
• Utilize React Router
• 6+ Components
• Organized File Structure
• Utilize Axios
• Utilize Grid and/or Flexbox
• Desktop, Tablet, and Mobile views
• Basic CSS Styles
• Incorporate light/dark theme toggle
• Remove excess files and code
• Remove console.logs
• 5+ Storybook Components
• Display news article details based on search term
• Handle errors if user's search term is blank
• Link back to original article source
• Credit the API with a link, as required for usage (has been added to the bottom of the settings page)

src
|__ App/
      |__ index.js
      |__ App.scss
|__ Header/
      |__ index.js
      |__ Header.scss
|__ SiteTitle/
      |__ index.js
      |__ SiteTitle.scss
|__ SearchBar/
      |__ index.js
      |__ SearchBar.scss
|__ Page/
      |__ index.js
      |__ Page.scss
|__ NewsCard/
      |__ index.js
      |__ NewsCard.scss
|__ NewsBody/
      |__ index.js
      |__ NewsBody.scss
|__ NewsImage/
      |__ index.js
      |__ NewsImage.scss
|__ SettingsPage/
      |__ index.js
      |__ SettingsPage.scss
|__ Setting/
      |__ index.js
      |__ Setting.scss
|__ Button/
      |__ index.js
      |__ Button.scss

• Allow choosing any region's content.
• Font size toggles/options
• Display full article (requires paid API though)
• Put light/dark theme toggle in local storage

  //if the api call has happened after a search is executed, display page component with data passed to it
  const showPage = () => {
    if (data && !data.totalResults) {
      return (
        <p>No News Found.</p>
      )
    } else if (data) {
      return (
        <Page
          data={data}
          showImages={showImages}
        />
      )
    }
  }

• Updated location of link back to API in MVP