I used a package called 'create-react-app' to spin up the bones of a react app quickly.
The main App.js file contains the bulk of the code, and I could definitely extract certain
components out into their own Component.
Styling wise, I just used what create-react-app created for me, I figured this assignment
was more about the functionality rather than the aesthetics.
Since you guys currently build React apps, you may be able to skip several steps below
- Download and Install Node.JS (Skip if already installed on your machine)
https://nodejs.org/en/download/ - Getting the source code
Option 1) Clone the repository from github. From a terminal window, run: git clone https://github.com/conklin20/Worksmith.git
Option 2) I have shared a compiled version with you via Google Drive.
You should be able to see/download a folder called Worksmith.zip (please let me know if you cannot)
Extact the files (I zipped them using 7-Zip) - Open the project called "Worksmith" with a code/text editor (I used Visual Studio Code to write it)
- Open a new terminal
- cd to the Worksmith directory, if not already there
- Run the following command to install node_modules (only if you went with Option 1 in Step 2, which doesnt inlude the node_modules)
npm install - Run the following command
npm install -g serve - Run the following command to build the app (only if you went with Option 1 in Step 2, as this solution hasnt been built yet)
npm run build - Then run this command, to start the app up
serve -s build - The app should now be running on your localhost on port 5000
http://localhost:5000/