This project was bootstrapped with Create React App.
server was set up using medium guide: https://medium.com/@maison.moa/setting-up-an-express-backend-server-for-create-react-app-bc7620b20a61
along with: https://programmingwithmosh.com/javascript/react-file-upload-proper-server-side-nodejs-easy/
After you download the files, you will first need to cd into the client folder, and npm install from there. From there, you will run sudo npm start, and the application should start in your local host. In another terminal session go into the server folder and npm install node modules, and then run the server using node server.js.
You should not have to this, as the app is currently deployed at: http://ec2-3-133-106-204.us-east-2.compute.amazonaws.com.
To use the application, there are two files attached. First is the Test.csv file, which is the file that was given to us by our client. You will upload this, and then hit the process button to run the algorithm on it followed by the download button to download the processed file.
the client server file structure is:
WebEvents (whole app)
Client(all react frontend stuff there)
-npm install
-sudo npm start
-npm test
Server(template downloads)
-npm install
-node server.js
In the project directory, remember to change directory to the /client/ directory. This can be done with
Next, the node modules must be installed and migrated. This has to be done once and before 'npm start':
Afterwwards, start the app:
[ By default, the development server is set to start at port 80 on your local machine which requires administrator privilages, you can also specify <PORT_NUMBER> if you wish to change from port 80]
Runs the app in the development mode.
Open http://localhost to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Unit testing is located in the source folder in the file App.test.js, while the behavior testing is located in the Tests folder.
For Unit testing, run npm test in the client source folder in the terminal. It will run the App.test.js file, and then give a report on what happened. For Behavior testing go into client/Tests and open the html Document. You need UI.Vision webbrowser app installed to run behavior testing.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Note: this is a one-way operation. Once you eject, you can’t go back!
If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
AWS Deployment: We are hosting our client and server under the same AWS EC2 instance. to connect to this instance you must change directory to webevents so you have the key file available with LS run the command: ssh -i "keyServerWebEvents.pem" [email protected] once logged in you must run the screen command to switch between terminal processes. To use screen use 'Ctrl-A' followed by '?' to get the information page.
This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify