Skip to content

Commit

Permalink
Init Setup from HTML/CSS to Vue.js #36
Browse files Browse the repository at this point in the history
  • Loading branch information
shlc001 committed Mar 4, 2023
1 parent 486d798 commit bcfeffd
Show file tree
Hide file tree
Showing 64 changed files with 14,818 additions and 846 deletions.
79 changes: 78 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1 +1,78 @@
# project_s23-iweatherify
# Directory

### Fonts Directory

* Holds all the different fonts that the website uses

### Img Directory

* Holds all the static images related to the project

### Public Directory

* This holds index.html, which is self-evident in its function (main html root)

### Src Directory

* The src directory holds the bulk of the code for the project


* The components folder in the src directory holds .vue files that have html and css components to it


* App.vue is the root of the program, think of it as a main method, but for vue


* data.js holds all the javascript functionality and one needs to integrate with the components in .vue with the proper identifiers


* main.js gets the app running


* router.js represents every page on the site and how to reach that site, follow the general format of what's in the file and you should be all good!

### Rest of the files

* Don't touch babel.config.js unless necessary


* globals.css is a css file that applies to the entire website


* package.json allows for collaboration as a build tool, lists dependency versions (don't touch unless necessary)


* package-lock.json package-lock.json is "written to when a numerical value in a property such as the "version" property, or a dependency property is changed in package.json."


* README.md is the documentation for this github


* styleguide.css holds the various fonts of the website

* vue.config.js is a config file that allows the website to run property

# Instructions

## Localhost

```
cd package_code
npm install
npm start
```

Open [http://localhost:8080](http://localhost:8080).

## Build for deploying

Note:
* After building, you can the upload `dist` folder to cheshire using scp.

* If you're trying this on cheshire, make sure you move the files out of the dist folder one directory up, so ../ otherwise it will not work!

```
cd dist
npm install
npm run build
```
5 changes: 5 additions & 0 deletions babel.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}
52 changes: 0 additions & 52 deletions css/styleguide.css

This file was deleted.

Loading

0 comments on commit bcfeffd

Please sign in to comment.