Frontend project with Vue.js, Sass and Vite. With Docker Package and Web Page.

Overview

Vue Frontend Rusich (Vue.js, Sass, Vite)

Link: https://vue-frontend-rusich.vercel.app/

Project for AddNoise (https://addnoise.su/)

Case: Develop a responsive main page: header, slider, filter, "our projects" block, "about us" block and menu. Animation and hovers at your discretion. Use a pre-made design.

Stack: Vue, JavaScript, SCSS.

Usage

Using via npm

  • Install Node.js: https://nodejs.org/en/download/;
  • Clone this repository: git clone https://github.com/kenclaron/vue-frontend-rusich.git;
  • Go to folder of repository: cd ./vue-frontend-rusich;
  • Install dependencies: npm install;
  • Type: npm run dev (launching in dev-mode in browser);
  • Type: npm run lint (checking lint errors);
  • Type: npm run build (build project for production):
    • Results save in folder ./dist;
  • Type: npm run preview (preview builded project locally).
  git clone https://github.com/kenclaron/vue-frontend-rusich.git
  cd ./vue-frontend-rusich
  npm install
  npm run dev
  npm run lint
  npm run build
  npm run preview

Using via Docker

  • Install Node.js - https://nodejs.org/en/
  • Install Docker - https://www.docker.com/products/docker-desktop/
  • Type: docker pull ghcr.io/kenclaron/vue-frontend-rusich:main to clone package in Docker
  • Type: docker run -p 8080:80 -it --name vue-frontend-rusich ghcr.io/kenclaron/vue-frontend-rusich:main to launch project
  • Open localhost:8080 or 127.0.0.1:8080
  docker pull ghcr.io/kenclaron/vue-frontend-rusich:main
  docker run -p 8080:80 -it --name vue-frontend-rusich ghcr.io/kenclaron/vue-frontend-rusich:main

Open Webpage

Project folder

vue-frontend-rusich
├── dist             - Builded project
│   └── assets       - Sources from src/static
│       ├── js       - Compiled .js-files
│       └── css      - Compiled .css-files
│
├── public           - Public files
│   ├── images       - Public images
│   └── ...
│
└── src              - Source fiels
    ├── assets
    │   ├── fonts
    │   ├── scss
    │   └── ...
    │
    ├── components
    │   ├── icons    - .svg-files for using in components
    │   ├── subforms - sub-components
    │   └── ...
    │
    ├─ App.vue
    └─ main.js

Preview

License

The Vue Frontend Rusich licensed under the MIT license.

Author

You can express your gratitude by clicking on one of the links

You might also like...
🤖🤖🤖 Electron + Vue.js for Docker
🤖🤖🤖 Electron + Vue.js for Docker

A dockeron project, built on Electron + Vue.js for Docker. Template generator: electron-vue Docker Engine API: dockerode. UI components: iView I am on

Vue.js app on a docker container with hot reload

docker-vue-cli-hot-reload Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm

A single-page web-app made to browse and download your Netlify deploys. Built with Vue.js and Vite, deployed on Netlify.

A single-page web-app made to browse and download your Netlify deploys. Built with Vue.js and Vite, deployed on Netlify.

Acme Store - Ecommerce Example (Vue.js, VueX, Sass)
Acme Store - Ecommerce Example (Vue.js, VueX, Sass)

Criado para o desafio técnico da Hype Empreendimentos. Desenvolvido com Vue.js, VueX, Sass e a lib de ícones Iconify/vue. Instalada como dependência de desenvolvimento.

Maple-Forest-Frontend - CRM system (Frontend)

Maple-Forest-Frontend Project setup yarn install Compiles and hot-reloads for development yarn serve Compiles and minifies for production yarn build

A web application to view npm package files
A web application to view npm package files

npmview A web application to view npm package files. | https://npmview.vercel.app Self-hosting for private NPM Use VITE_UNPKG_URL env to customize API

Register page, Login page and Contact list with Vue.js and Firebase
Register page, Login page and Contact list with Vue.js and Firebase

Register, Login and Contact list This is a personal study project. Only for study and reference. View project About Contact Joao Paulo C. M. Fricks jp

Solution to the Social Proof Section challenge by Frontend Mentor. Built with Vue 3 + TypeScript + UnoCSS + Vite.
Solution to the Social Proof Section challenge by Frontend Mentor. Built with Vue 3 + TypeScript + UnoCSS + Vite.

Solution to the Social Proof Section challenge by Frontend Mentor. Built with Vue 3 + TypeScript + UnoCSS + Vite.

Releases(Release)
Owner
Dmitry Britov
To design. To develop. To distribute.
Dmitry Britov
Fan-made SPA (Single Page Application) website for Evelyn. Created with Vue.js + TypeScript + SASS.

Fan-made SPA (Single Page Application) website for Evelyn. Created with Vue.js + TypeScript + SASS.

Gifaldy Azka 8 Aug 10, 2022
A web interface for managing docker containers with an emphasis on templating to provide 1 click deployments. Think of it like a decentralized app store for servers that anyone can make packages for.

Yacht Yacht is a container management UI with a focus on templates and 1-click deployments. If the built in update button isn't working for you try th

SelfhostedPro 2.2k Nov 25, 2022
Amir Raminfar 1.9k Nov 25, 2022
A web interface for managing docker containers with an emphasis on templating to provide 1 click deployments. Think of it like a decentralized app store for servers that anyone can make packages for.

Yacht Yacht is a container management UI with a focus on templates and 1-click deployments. If the built in update button isn't working for you try th

SelfhostedPro 1.1k Oct 27, 2021
A Social Media Web App built with Vue.js, Firebase, Element-UI, Disqus, Vuex, Vue-Router, and Sass.

All-About-Me A Social Media Web App built with Vue.js, Firebase, Element-UI, Disqus, Vuex, Vue-Router, and Sass. Online Demo https://bb-all-about-me.n

Amber Hung 14 Apr 18, 2022
A Single-Page Application CRUD (create, read, update, delete) project built on vuejs, vuetify frontend components, and json-server api mock

todovue Versão 3 do aplicativo todovue, feito inteiramente em componentes Vuejs Essa aplicação está sendo criada com base no desafio proposto em sala

Marcelo Silva 2 Oct 11, 2022
P7Groupo Frontend - Frontend du projet 7 de la formation "Developpeur Web" pour OpenClassroom

Frontend du projet 7 de la formation "Developpeur Web" pour OpenClassroom Objectif Construire un réseau social interne pour les employés de Groupomani

Nicolas Lopez 0 Jan 10, 2022
Shell developed with Vue.js, Python and Docker

Shell developed with Vue.js, Python and Docker.

Brhaka 2 May 10, 2022
LeafPlayer is a fast and modern personal music streaming server, easily installable by using Docker.

Unfortunately, this project is put on ice for now. LeafPlayer LeafPlayer is a simple and fast, privately hosted music streaming server. It enables you

Paul Schwörer 146 Nov 6, 2022
Create a pokedex web page containing pokemon listing, details and favorite pokemon page

pokedex-vue-assessment Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run

Saiful Afiq 0 Jan 6, 2022