Vue components compilation - Intial commit: Toolbar

in #utopian-io5 years ago

Repository


https://github.com/us3r01/vue-components-compilation

michaeldale.png

Introduction


Vuejs and Vuetify are frameworks which allow us to develop robust and intuitive graphical web interfaces with an elegant style based on material design.

Vuejs is well known by it's big community.

This project aims to contribute to provide a library of encapsulated components using Vuetify.

Vue Snippets


The development of web interfaces is a task of constant innovation. I think that publishing maintainable components will make it possible to create applications faster and with greater maintenance.

This repository is a compilation of components that I have modified for personal use and sometimes improved for certain use cases.

Initial Commit: Mobile Toolbar


Most applications today are used from mobile devices, that is why it is important that our code adapts to certain screen dimensions.

My first contribution to this repository is a fork of this toolbar example made with vuetify:

https://codepen.io/kematzy/pen/oMgrjE.

I modified the toolbar so that it has a watcher and changes when authentication is successfully completed. I coded it based on the use case of a toolbar for a steemit application where when you are logged in you can post and go to your profile.

Untitled design (1).png

More information about this component could be found at the Readme.md file within the folder toolbar of the github repository.

Resources


More information about Vuejs: https://vuejs.org/

More information about Vuetify: https://vuetifyjs.com/en/

Sort:  

Hello, @jesusbatallar. Thank you for your contribution. Unfortunately, your contribution is not eligible for our review due to the following reasons:

  • We could not verify that you are the owner of the Github account and also, the repository.
  • The blog does not contain detailed information about the project and its uses
Recommendations:
  • Be sure to read and understand our guidelines/policies.
  • Update your Github/Steem profile with a link to the opposite platform to verify that you own the accounts.

Need more help? Chat with us on Discord.

[utopian-moderator]

Thanks for the feedback @knowledges

To proof my ownership:

And in summary this posts is about a public compilation of reusable components made with vue. My initial commit it is a functional toolbar mobile friendly that I forked and modified for a use case like an steemit app, where you need authentication and display some data just when you are logged and other when you are not.

The exact modification relies on the watcher that I implement to make the toolbar displays dynamically it's menu.

Thank you for your review, @knowledges! Keep up the good work!