https://github.com/steenhansen/isomorphic-react-on-heroku

Isomorphic React fixed-data-table for displaying SffAudio media on Heroku
https://github.com/steenhansen/isomorphic-react-on-heroku

google-sheets heroku javascript mongodb nodejs react rss

Last synced: 26 days ago
JSON representation

Isomorphic React fixed-data-table for displaying SffAudio media on Heroku

• Host: GitHub
• URL: https://github.com/steenhansen/isomorphic-react-on-heroku
• Owner: steenhansen
• Created: 2016-09-08T03:38:30.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2024-05-20T19:39:08.000Z (7 months ago)
• Last Synced: 2024-05-21T00:07:38.747Z (7 months ago)
• Topics: google-sheets, heroku, javascript, mongodb, nodejs, react, rss
• Language: HTML
• Homepage: https://sffaudio.herokuapp.com/podcast/table
• Size: 30.5 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        






Isomorphic-React-on-Heroku takes a [Google Sheet](https://docs.google.com/spreadsheets/d/17TwPecDRNw5JS9_WT6t3cl40e5M46z8ALwnvFalHDZc)

 and saves the data in a MongoDB Atlas database to produce [isomorphic Html/JavaScript](https://sffaudio.herokuapp.com/podcast/table) via Node.js.

  

Media types: 

RSD [HTML/JavaScript](https://sffaudio.herokuapp.com/rsd/table)

Podcast [HTML/JavaScript](https://sffaudio.herokuapp.com/podcast/table)

![Output](images/isometric-react.png)

Heroku Environment Variables:

![Heroku Config Variables](images/heroku_settings_config_vars.png)

System Setup:

- Download [Node.js with npm](https://nodejs.org/en/download/)

- If '$ python --version' yeilds an error then install [Python](https://www.python.org/downloads/windows/)

	and add Python to global System variables PATH

- If '$ git --version' yields an error then install command line [Git](https://gitforwindows.org/)

    		and add '...Git/cmd' to global System variables PATH

    

- npm install --global gulp-cli

- npm install --global webpack 

- npm install --global webpack-cli  

    

- Get a MongoDb [Atlas database](https://www.mongodb.com/cloud/atlas)

- Download [MongoDB Compass](https://www.mongodb.com/try/download/compass) to view Atlas databases

Install:

- $ npm install

- $ npm install --force            // --force stops "npm WARN notsup SKIPPING OPTIONAL DEPENDENCY"

Build:

 

- $ gulp all

Test:

- $ gulp test --test-isomorphic-react-credentials.js    // db secrets from outiside git repo

- NB, since tests are not local sometimes one or two tests fail because of timeouts; re-run

Launch:

- $ npm start                                   // start on Heroku, secrets in 'process.env'

- $ npm start --  real-isomorphic-react-credentials.js        // start locally, db secrets from outiside git repo

    

- $ npm start --  test-isomorphic-react-credentials.js       

Cron:

- $ node run-cron rsd     real-isomorphic-react-credentials.js

- $ node run-cron pdf     real-isomorphic-react-credentials.js

- $ node run-cron podcast real-isomorphic-react-credentials.js

    

- $ node run-cron rsd     test-isomorphic-react-credentials.js

- $ node run-cron pdf     test-isomorphic-react-credentials.js

- $ node run-cron podcast test-isomorphic-react-credentials.js

![Heroku Scheduler](images/heroku_cron.png)

Load db ( user/pass ):

- http://localhost:5000/change    // choose 'next' continuously until back at change

View:

- http://localhost:5000/

    

- http://localhost:5000/rsd/rss     https://sffaudio.herokuapp.com/rsd/rss

    

- http://localhost:5000/rsd/table   https://sffaudio.herokuapp.com/rsd/table

    

- http://localhost:5000/rsd/mobile  https://sffaudio.herokuapp.com/rsd/mobile

    

- http://localhost:5000/change      https://sffaudio.herokuapp.com/change      

Examples:

- https://sffaudio.herokuapp.com/rsd/table       

    

- https://sffaudio.herokuapp.com/podcast/table