{"id":26225563,"url":"https://github.com/ramidecodes/valparaiso","last_synced_at":"2025-06-21T20:02:58.303Z","repository":{"id":41814130,"uuid":"136184541","full_name":"ramidecodes/valparaiso","owner":"ramidecodes","description":"Adventures of the Valparaiso Website","archived":false,"fork":false,"pushed_at":"2023-01-09T11:30:02.000Z","size":27538,"stargazers_count":0,"open_issues_count":28,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-12T19:17:07.285Z","etag":null,"topics":["valparaiso","vue"],"latest_commit_sha":null,"homepage":null,"language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ramidecodes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-06-05T13:50:20.000Z","updated_at":"2023-04-15T09:07:47.000Z","dependencies_parsed_at":"2023-02-08T10:16:59.916Z","dependency_job_id":null,"html_url":"https://github.com/ramidecodes/valparaiso","commit_stats":null,"previous_names":["ramidecodes/valparaiso"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ramidecodes/valparaiso","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ramidecodes%2Fvalparaiso","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ramidecodes%2Fvalparaiso/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ramidecodes%2Fvalparaiso/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ramidecodes%2Fvalparaiso/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ramidecodes","download_url":"https://codeload.github.com/ramidecodes/valparaiso/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ramidecodes%2Fvalparaiso/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261186370,"owners_count":23121937,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["valparaiso","vue"],"created_at":"2025-03-12T19:17:11.619Z","updated_at":"2025-06-21T20:02:53.152Z","avatar_url":"https://github.com/ramidecodes.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Valparaiso website\n\n **Initial scaffolding was done by [`vue-CLI`](https://github.com/vuejs/vue-cli) using the [Webpack template](https://github.com/vuejs-templates/webpack)**\n\u003e\n\u003e *Using [runtime-only](https://gist.github.com/anchal20/f2ac9807263e106c1308f7143df1cf09) build of Vue*\n\u003e\n\u003e Additional core dependencies added: [`vuex`](https://github.com/vuejs/vuex) (state management), [`axios`](https://github.com/mzabriskie/axios) (http client), [`firebase`](https://www.npmjs.com/package/firebase) (Firebase Javascript SDK), [`vue-touch`](https://github.com/vuejs/vue-touch/tree/next) (Hammer.js wrapper for Vue.js), [`anime-js`](https://github.com/juliangarnier/anime) (JavaScript Animation Engine)\n\n### **Staging**\n\n[**valparaiso.surge.sh**](https://valparaiso.surge.sh) will be regularly updated to reflect the latest stage of development! \n\n### **NPM commands**\n\nThe build command will use [surge](http://surge.sh/) to deploy to staging. You'll need to install it.\n\nCheck package.json for additional details and commands that might not be listed here.\n\n``` bash\n# install dependencies\n$ npm install\n\n# serve with hot reload at localhost:8080\n$ npm run dev\n\n# build and deploy to staging (new developers will first need to be added as collaborator to deploy to staging!)\n$ npm run build\n\n# build locally\n$ npm run build-local\n```\n\nFor detailed explanation on how the Webpack template works, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).\n\n### **Service worker and offline caching**\n\nA service worker is generated to cache all assets for offline use. The site is a fully functional Progressive Web App.\n\n### **Lighthouse**\n\nYou're recommended to install Google's [Lighthouse](https://github.com/GoogleChrome/lighthouse) for performance auditing. PWA score should always be 100. The rest should score above 80.\n\n### **Releases / Roadmap**\n\n- **`Version 2.0 - Initial release`**\n\t- **October 2017**\n\t\t+ Initial release of the new website\n- **`Version 2.1 - First iteration`**\n\t- **November 2017**\n\t- Tweak and expand initial release\n\t\t+ layout optimizations\n\t\t+ transitions\n\t\t+ animations\n\t\t+ copy changes\n\u003c!-- - **`Version 2.2 - Blog`**\n\t- **December/January 2017**\n\t- Introduce blog\n\t\t+ 1.0 version of blog\n- **`Version 2.3 - PWA`**\n\t- **January/February 2017**\n\t- Convert site to a Progressive Web App\n\t- Expand and tweak blog features\n- **`Version 2.5 - CMS`**\n\t- **April 2017**\n\t- Introduce a Content Management System\n\t\t+ Initial release of custom CMS --\u003e\n\n---\n## **Additional info, hints and tips:**\n\n_In no particular order.._\n\n\u003e **Only seeing the Under Construction page?**\n\nSwitch the site mode to `0` or `1` in _/src/config/index.js_!\n\n\u003e **Styleguide**\n\nAdhere to the [official VueJS styleguide](https://vuejs.org/v2/style-guide/)! Partially enforced by the linting configuration.\n\n\u003e **Image optimization**\n\nDone automatically for all images [`png|jpe?g|gif|svg`].\n\n\u003e **Convert embedded SVG**\n\nYou can convert any embedded SVG (`\u003cimg src=\"something.svg\"\u003e`) to inline SVG by adding the `markup-inline` tag to the `img` element like so: `\u003cimg markup-inline src=\"something.svg\"\u003e`. That way you can easily target the SVG's elements (`svg \u003e path` etc) with e.g. CSS.\n\n\u003e **Linting**\n\nRefer to `.eslintrc.js` for configuration. The default extends [JavaScript Standard Style](https://github.com/standard/standard/blob/master/docs/RULES-en.md) and [eslint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue) to enforce the official [VueJS style guide](https://vuejs.org/v2/style-guide/) as much as possible.\n\n\u003e **HTTP requests**\n\nUsing [`Axios`](https://github.com/mzabriskie/axios) which returns promises, allowing us to utilize [`async/await`](https://hackernoon.com/6-reasons-why-javascripts-async-await-blows-promises-away-tutorial-c7ec10518dd9).\n\n\u003e **Folder/codebase structure**\n\n- `Pages` [ _/src/pages/_ ]\n\t- top level components that are connected to routes. These are essentially pages.\n- `Components` [ _/src/components/_ ]\n\t- reusable elements that are used by `pages` and sometimes other components. These are your regular components like a list item.\n\n\u003e **Maintainable size**\n\nTry to keep components to 100 lines or less. If your component gets bigger than that it might be time to critically analyze it and possibly break it up into smaller (`sub`-)components.\n\n\u003e **Devtools**\n\nInstall and use the [Vue Devtools](https://github.com/vuejs/vue-devtools)!\n\n---\n---\n_Enjoy ✌️_\n\n![](https://i.imgur.com/apjyd3T.gif)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Framidecodes%2Fvalparaiso","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Framidecodes%2Fvalparaiso","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Framidecodes%2Fvalparaiso/lists"}