Skip to content

Qifan Ren Homework2 & Homework3 #23

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
MangoBMT wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Qifan Ren Homework2 & Homework3 #23

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
200e52b
Homework2
Oct 19, 2022
fa7ea57
Homework3
Nov 2, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10,404 changes: 10,363 additions & 41 deletions Homework2/Vue-Skeleton/package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

4 changes: 4 additions & 0 deletions Homework2/qfren/.babelrc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"plugins": ["@babel/plugin-transform-runtime"],
"presets": ["@babel/preset-env"]
}
33 changes: 33 additions & 0 deletions Homework2/qfren/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
# Basic Webpack + ES6 Example
This is a very barebones framework for web development as it is not using any of the modern frameworks seen in industry (i.e., React, Angular, or Vue).


## Requirements
To use and run this template you need to have [node.js](https://nodejs.org/en/) downloaded and set up on your computer.
The version should be the latest.


## Set up
Node js enables us to utilize various javascript packages and libaries, essenitally the same as `pip install` or `apt-get`.
To install a libary we must be in terminal and get to the folder with **package.json** or where we intend the top-level of our project will be.


### Installing packages
To install new packages
`npm install <packagename>`

### Installing existing packages
This template comes with an existing list of packages that should be sufficient for the homework.
To install those first make sure within terminal you are the correct directory with package.json
You can check this by running `ls` in linux/osx or `dir` on windows powershell.

Once you are at the same directory as package.json run the following command.
`npm i`


## Starting the system
You can launch this system after installing the packages.
`npm run start`
Which examines the package.json file, goes to scripts and executes the line that starts our project under "start".
Once it starts running your dashboard etc will be shown at (Project is running at http://localhost:3000/)
Go to that url in either Chrome or FireFox.
28 changes: 28 additions & 0 deletions Homework2/qfren/dist/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>Homework 2</title>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<body>
<div>
<h1>CO2 Emissions Around the World</h1>
<p id="name">
Qifan Ren <br>
qfren@ucdavis.edu
</p>
</div>
<div id="vis1">
<div id="legend1"></div>
<div id="worldmap"></div>
</div>
<div id="vis2">
<p id="title2">Ridgeline Plot of CO2 Emission from 1990 to 2019 by Country</p>
<div id="horizon"></div>
</div>
<div id="vis3">
<div id="diff"></div>
</div>
<script src="./bundle.js"></script>
</body>
</html>
Loading