cvar-ga / CS612-A4

Assignment 4 submission for CS612 at Pace University.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CS612 Assignment 4

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.

Deploying the web server

To get the web server to run, you need to run:

npm start

...from inside the project directory.

From there, you can visit http://localhost:3000 to view the app from your web browser.

Special Thanks

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

Tutorial: Intro to React

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

How to access JSON object in JavaScript

How to Display XML Data In React

About

Assignment 4 submission for CS612 at Pace University.


Languages

Language:JavaScript 68.0%Language:HTML 18.2%Language:CSS 13.8%