First install node.js via the web. After cloaning the repository, navigate to the projects directory and install yarn as seen below. Then follow the instructions below to run the project.
node.js
npm install --global yarn
Navigate to the /frontend
folder. You must run yarn install
to install all packages and dependencies. After all are installed run yarn run
and the site should automatically load in your browser on localhost:5500
Please make sure you are in the dev branch and that you do a git pull
before making any changes (otherwise you will have to deal with merge conflicts). Navigate to the /frontend
folder. You must run yarn install
to install all packages and dependencies before testing your code.
In order to see the changes you make, go to /frontend/App.js
and change the '/' route to the page you are working on. For example, if I wanted to work on the LearnPage I would change it to:
App.js
<Route exact path="/">
<LearnPage/>
</Route>
There is a Pages.css
file in the pages folder that will allow you to edit the css of whatever page you are working on. Just declare a class or id in the file and it should be instantly reflected by the component.
To start the program and see it in the browser, make sure you are in the frontend/ folder and run yarn start
.
Jacob Raffe
(jraffe2) @jakeraffe
Veronica Grosso
(vgross3) @Veronica-gg
Arturo Vazquez
(avazqu48) ArtyVazquez
Pedro Aviles Aguirre
(pavile3) Paviles3
Kidist Gebremedhin
(kgebre3) kgebre3@uic.edu