This project was written with the intent to fulfill the requirements for Pace University's CS612 Assignment 4 submission: design a blog site with ReactJS.
This is a single-page site with links to the three blog posts in the header, along with the top stories in the New York Times in the navigation column. The page will not render until you replace KEY_HERE
in lines 49 and 69 of App.js with a NYT API key for top stories. The first blog post introduces me, the author of the site. The second blog post takls about the current trends in remote work and study. The third blog post is a brief high-level tutorial on how to create a blog site similar to this one.
This directory was created with the Create-React-App tool by Facebook, which can be found here. I have included this link here in case you want to get started working with ReactJS to build a site yourself. You do not need to download this for the purpose of getting this site to work.
This site requires downloading NodeJS, then also making sure that you have npm and npx.
To get the web server to run, you need to run:
...from inside the project directory.
From there, you can visit http://localhost:3000 to view the app from your web browser.
I could not have completed this assignment without the help of some online tutorials which I read up on to overcome some coding blocks. Here are the posts that I consulted for this assignment:
REACTJS READ XML FILE DATA WORKING DEMO
Update React component every second
How to Make AJAX API Calls in React
Simplest way to use axios to fetch data from an api in ReactJS
this.state - How to Use State in React js