murtyjones / kiwi-react

kiwi-react

This is the front-end of the Kiwi app.

Getting started

Mac

1. Install nvm (instructions)
2. Install homebrew (instructions)
3. Install yarn by running brew install yarn --without-node
4. Clone the repository using git clone https://github.com/murtyjones/kiwi-react.git
5. Navigate to the kiwi-react repo folder
6. run yarn to install dependencies
7. run yarn start to start the app
8. Navigate to localhost:3000 in your browser and you should see the app.

NOTE: npm works instead of yarn if you prefer it. Just run npm install and npm start.

Windows

1. Download and install using the Windows node installer here
2. Open the command line or PowerShell and run the following commands to make sure you have node and npm installed

• node -v
• npm -v

3. Clone the repository using git clone https://github.com/murtyjones/kiwi-react.git
4. Navigate to the kiwi-react repo folder
5. run npm install
6. run npm install -g webpack
7. run npm install -g webpack-dev-server
8. run npm run start-win
9. Navigate to localhost:3000 in your browser and you should see the app.

kiwi-react's Issues

Webpack Config

Webpack Config

Idea:

• Run hot webpack-dev-server in development mode instead of Browsersync and Gulp build

How To Recreate

• Add https://gist.github.com/b-rays/9e5e5e6df522faa2543231f624a22d3c to root
• Run webpack
• Expected output --- config outputs into build/bundle.js
• Change index.html to serve <script src="/build/bundle.js"></script> and run webpack-dev-server

:

Errors

• Run webpack-dev-server
• Visit localhost:8080 -- not properly serving bundle -- show in image above
• Same issue when run cd webpack && webpack-dev-server with existing webpack config.

Attempted to Fix:

• Add externals: [nodeExternals()]to properly ignore node modules. Not sure how this different than exclude: /node_modules/ but it gets past ERROR in ./node_modules/config/lib/config.js Module not found: Error: Can't resolve 'toml'

Potential Solutions:

• Possible issue using npm config module on client.
• Look into possible Webpack Plugin options, similar to what we already have in /webpack folder

https://github.com/webpack/webpack/issues/2174

main admin page layout

• nav bar
• canvas
• lesson card component for inside canvas