MindShaver / react-demo

A bulletin board app to go over the basics of React

React Demo

Updates:

• The API has been migrated to a different location. To get the new URL to use a live API in your project just send me a message!
• In the process of adding a "Hooks" branch that will house the refactored application to use react hooks.

To Get Started -

• Install the latest version of NodeJS
• Make sure to have Visual Studio Code installed (or your preferred text editor)
• Clone this repository
• With git bash (or whatever you like to use) perform an npm install
• Navigate to the src/ folder
• Install nodemon gloabally with npm install -g nodemon
• Run the command nodemon server.js to start your server

Once you have the server running, we are ready to create our app. I've taken care of the foundation, but if you're curious I'll go over what I've done.

The Server

Using the npm package connect to serve up our static file, node will create the local server on localhost:5000 and serve index.html

Vendor Folder

The vendor folder contains our library dependancies (Babel, React, ReactDOM).

Images Folder

Some stock images that line up with what we are getting back from the API.

Semantic-Dist

This is a style library that will let us bypass 99% of the CSS we'd have to write. It's similar to bootstrap in that you just use classes to style your HTML.