/Geckos-Team-05

A web app to view the latest news headlines | Chingu Voyage-6 | https://chingu.io/

Primary LanguageJavaScript

News App

A web app to view the latest news headlines | Chingu Voyage-6, Geckos Team 5 | https://the-new-news.herokuapp.com/

About

The New News displays the latest top headlines from over 30,000 news sources and blogs. You can also see top stories by genre, or search for a specific topic.

News stories are sourced from The News API.

Development Setup

  1. Install Node v.8.11.3

  2. Confirm npm was installed with Node by running npm -v. You should get a version number (current LTS is 5.6.0).

  3. Install Yarn package manager globally then confirm installation:

    brew install yarn --without-node
    yarn --version

    See Yarn docs for Windows/Linux installation instructions.

  4. Install Nodemon globally then confirm installation:

    npm install -g nodemon
    nodemon -v
  5. Install MongoDB Community Edition. Setup is complete when you can use mongod to run the db server, and access the Mongo shell in a separate terminal window by running mongo.

  6. Clone this repo:

    git clone https://github.com/chingu-voyage6/Geckos-Team-05.git && cd Geckos-Team-05
    
  7. In the root directory, create a new file called .env:

    touch .env
    

    Then find the file called .env.default and copy & paste its contents into the .env file. For each key available, add the necessary value (sent privately). You will need to apply for your own API key.

  8. Install Node packages:

    npm install
    cd Client && npm install
    cd ../Server && npm install
    cd ..
    
  9. Open a database server on your local machine by running the mongod command in a shell separate from the project command prompt. The server must stay running in a separate window or tab the whole time you plan to run the app locally. At the end of your dev session, you can stop the server with ctrl + c.

  10. Run the app (make sure you're in the root folder):

    yarn dev

Finish Line

If everything is set up correctly, after running yarn dev, visit localhost:3010 in your browser.

If you open a new command line prompt, you can run mongo to open the Mongo shell, and then type show dbs to get a list of created databases. You should see chingu-news-app, which was created when you ran the app the first time.

To exit the mongo shell type quit() + Enter