unit2-unit3-web-takehome's Introduction

Unit2-Unit3-Web-TakeHome

Running this project

The front end is set up with Parcel Bundler, a library that compiles our assets and comes with an integrated development server with auto-reload. This server runs on port 1234 by default, but will use another if 1234 is being used by another application.

The "quotes" API runs on port 3333 which needs to be free, or this server won't be able to start.

Clone the repo.
Navigate into the project folder.
Run npm install to download the project's dependencies.
Run npm run api to start the "quotes" API locally on http://localhost:3333/api/quotes.
Open a new terminal window at the same directory and run npm run react to build the React project and serve it on http://localhost:1234.
Run npm test to run tests using Cypress (optional).

Task A

Task A Summary

Complete eight tasks so the React app is able to work like in this video.

Task A Instructions

Read server.js to understand how each endpoint works. The project has no database, so restarting the api script returns the quotes to their original state.
There is a total of eight tasks (tasks 1 through 8) that need to be completed. They are found inside the Container.js and Form.js components. Each tasks includes a log statement with specific instructions. You can tackle the tasks in any order you wish. You do not need to touch any code outside of the tasks.

Task B (optional)

Task B Summary

Use Redux to manage application state.

Task B Instructions

Add redux and react-redux to the project, and use them to centralize application state inside a Redux store.
Connect the Container.js component so it receives state and action creators through props.

unit2-unit3-web-takehome's People

Contributors

Watchers

unit2-unit3-web-takehome's Issues

npm run react does not work

Steps to reproduce:

npm install
npm run react

Environment

x86 Mac

node -v
v15.6.0

npm -v
7.4.0

Error message

> [email protected] react
> parcel src/index.html

/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/bindings/bindings.js:126
  err = new Error(
        ^

Error: Could not locate the bindings file. Tried:
 → /Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/build/deasync.node
 → /Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/build/Debug/deasync.node
 → /Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/build/Release/deasync.node
 → /Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/out/Debug/deasync.node
 → /Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/Debug/deasync.node
 → /Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/out/Release/deasync.node
 → /Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/Release/deasync.node
 → /Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/build/default/deasync.node
 → /Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/compiled/15.6.0/darwin/x64/deasync.node
 → /Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/addon-build/release/install-root/deasync.node
 → /Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/addon-build/debug/install-root/deasync.node
 → /Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/addon-build/default/install-root/deasync.node
 → /Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/lib/binding/node-v88-darwin-x64/deasync.node
    at bindings (/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/bindings/bindings.js:126:9)
    at Object.<anonymous> (/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/index.js:30:31)
    at Module._compile (/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/v8-compile-cache/v8-compile-cache.js:194:30)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1137:10)
    at Module.load (node:internal/modules/cjs/loader:973:32)
    at Function.Module._load (node:internal/modules/cjs/loader:813:14)
    at Module.require (node:internal/modules/cjs/loader:997:19)
    at require (/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/v8-compile-cache/v8-compile-cache.js:161:20)
    at Object.<anonymous> (/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/parcel-bundler/src/utils/syncPromise.js:1:79)
    at Module._compile (/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/v8-compile-cache/v8-compile-cache.js:194:30) {
  tries: [
    '/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/build/deasync.node',
    '/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/build/Debug/deasync.node',
    '/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/build/Release/deasync.node',
    '/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/out/Debug/deasync.node',
    '/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/Debug/deasync.node',
    '/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/out/Release/deasync.node',
    '/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/Release/deasync.node',
    '/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/build/default/deasync.node',
    '/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/compiled/15.6.0/darwin/x64/deasync.node',
    '/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/addon-build/release/install-root/deasync.node',
    '/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/addon-build/debug/install-root/deasync.node',
    '/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/addon-build/default/install-root/deasync.node',
    '/Users/peter/work/Unit2-Unit3-Web-TakeHome/node_modules/deasync/lib/binding/node-v88-darwin-x64/deasync.node'
  ]
}
npm ERR! code 1
npm ERR! path /Users/peter/work/Unit2-Unit3-Web-TakeHome
npm ERR! command failed
npm ERR! command sh -c parcel src/index.html

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/peter/.npm/_logs/2021-05-10T16_08_48_792Z-debug.log

Recommend Projects