Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

deadhandsignal/kilroyreact

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Building a news story - A single-page application built with React

This Single-page Applicaiton was built with React JavaScript library my Masters in Interactive Journalism. My goal was to learn the fundamentals of REACT, improve my JavaScript and learn more about deploying Single Page Applications for the purpose of journalistic work.

Getting Started

To run locally download this repository to your machine.

Prerequisites

  1. Install Homebrew Although you can install Node in other ways, I recommend using Homebrew. Homebrew lets you avoid possible security problems associated with using the sudo command to install software like Node and Node modules.

Type:

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

You’ll see messages in the Terminal explaining what you need to do to complete the installation process. You can learn more about Homebrew at the Homebrew website.

  1. Install node

Open the Terminal app and type brew update. This updates Homebrew with a list of the latest version of Node.

Type:

brew install node

Kick back and relax. Homebrew has to download some files and install them. But that’s it.

Test it!

Make sure you have Node and NPM installed by running simple commands to see what version of each is installed:

Test Node. To see if Node is installed, type:

node -v

in Terminal. This should print the version number so you’ll see something like this v0.10.31.

Test NPM. To see if NPM is installed, type:

npm -v 

in Terminal. This should print the version number so you’ll see something like this 1.4.27

Installing

  1. Clone the repository to your local environment.

  2. Ensure the downloaded project folder is your current directory in Terminal.

  3. To install the ype:

npm install 
  1. type:
npm start 

If successful, terminal you will see:

Compiled successfully!

You can now view homelessness-crisis-ireland in the browser.

  Local:            http://localhost:3000/
  On Your Network:  http://192.168.0.51:3000/

Note that the development build is not optimized.
To create a production build, use npm run build.

Built With

  • React - A JavaScript library for building user interfaces
  • Nivo - Data graphics library build on d3 and react.

Authors

Acknowledgments

  • A huge debt of gratitude to my lecturers Basile Simon of The Times and Dr. Sabin Tabirca of University College Cork.

Meta

Thomas Kilroy – @tpkilroythomas.kilroy@city.ac.uk

https://github.com/deadhandsignal

Contributing

  1. Fork it (https://github.com/deadhandsignal/kilroyreact/fork)
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request

About

My coding project for MA Interactive Journalism

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Morty Proxy This is a proxified and sanitized view of the page, visit original site.