HooHacks 2021 - React & Node.js Workshop

React is an open-source front-end JavaScript library used to develop structured user interfaces for websites and web apps. Node.js is a runtime environment used to execute JavaScript code outside of the browser. If used together, React & Node.js can be used to build quick, easy, and scalable web and moblie apps.

This GitHub Repository contains code for a basic search application which will be explained further during the React & Node.js workshop.

Create Basic React App

This project was bootstrapped with Create React App.

Installation

1. Download IDE

   1. Recommended: Visual Studio Code

2. Download npm

   1. There is no need to download Node.js seperately - it is included in this step.

3. After downloading repository, open terminal in the search_app\client-side folder.

   1. Run the command

       npx create-react-app {insert project name}

Usage

server-side

In the \server-side folder, use the command:

        node index.js

Install any necessary/required modules using:

        npm install {insert module name}

To run, use the command:

        npm run start

client-side

In the \client-side folder, install axios using the command:

        npm install axios

To run, use the command:

        npm run start

npm run start

This command runs the app in the development mode. Open http://localhost:3000 to view the app in the browser.

The page will update live as edits are made.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.