#### Repository
https://github.com/mubaidr/vue-fluent

#### [Github Issue](https://github.com/mubaidr/vue-fluent/issues/104)
#### [Pull Request](https://github.com/mubaidr/vue-fluent/pull/115)
#### [ReadMe File](https://github.com/mubaidr/vue-fluent/blob/master/README.md)
____

<center>![post1.png](https://cdn.steemitimages.com/DQmXD1k7x33u21QM3nk7pmLMki6CVKB3oLivhB89PgzdGhR/post1.png)</center>

#### Details
The project is about Vuejs 2+ components built using Microsoft’s Fluent Design System based on Buefy. Fluent Design Components for Vue.js based on Buefy and bulma-fluent, inspired by Microsoft’s Fluent Design System. The design proposed for the project can be seen below:

<center>![post2.png](https://cdn.steemitimages.com/DQmYvE4SvU9gey6Ww529PZJT4qmoV1wnJaHgkJ8PucFvc7D/post2.png)</center>
<center>![post3.png](https://cdn.steemitimages.com/DQmbdvBGDEZV9e9oFTFrFdhFVyGYoaBzJQNLkTK5NC8nJcU/post3.png)</center>
<center>![post4.png](https://cdn.steemitimages.com/DQmaoX4gg98Lu4oTNRhk2XdMfamGkKjSPqCatfkBF14fBHw/post4.png)</center>

#### Benefits / Improvements
I created a logo which has the main components of the project. It has the initials and the concept coming from microsoft fluent design which has letter "V" stands for Vue and letter "F" stands for Fluent that can be seen as the initials for the project name. The concept was inspired by the Microsoft Fluent design which is the main component of the project. It has been merged in the project's repository and hopefully will be added in the project's website.

#### Mockup
<center>![mu1.png](https://cdn.steemitimages.com/DQmXnJQueb2qh5vTHQutNk1Z7zGoicYg9mUu7QTjnsLARUs/mu1.png)</center>
<center>![mu2.png](https://cdn.steemitimages.com/DQmZ1waub7QChphaLxFu9FyhZE5VCG5kcorjoSqHEC2udx8/mu2.png)</center>
#### Proof of authorship

<center>![proof1.png](https://cdn.steemitimages.com/DQmQ1PJpfWodw4Q3HiHTtoAuz243g44FTsmDfZMpJSVmDJD/proof1.png)</center>
<center>![proof2.png](https://cdn.steemitimages.com/DQmQtmqsGaiDcbSxA7jpoAhizGXfFCqiXYSbg8gUrx7MTJa/proof2.png)</center>
<center>![proof3.png](https://cdn.steemitimages.com/DQmXThEBBwxvbXnTiBBdqmoihrNrht9cKoQaNDZnQFsoA1X/proof3.png)</center>

#### Tools
I used Adobe Illustrator CC 2017 for designing the logo and Adobe Photoshop for the mockups

<center>![tooll22.png](https://cdn.steemitimages.com/DQmSGY79xc7A2DU1Cq5Xu1c2EXGCFTynctppZXhduj3suxU/tooll22.png)</center> 

#### Original files
[Download all Files Here](https://drive.google.com/open?id=1LiAek0oFv8g1fOzczn_2bicwnlvvr7R-)
[Credits Font](https://www.fontfabric.com/lovelo-font/)
[Project Site](https://mubaidr.js.org/vue-fluent/#/)

#### Proof of Work Done
[jbeguna04](https://github.com/jbeguna04)

_____
<center><a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.</center>
<center>[![41755193_696555174038715_5118010478773141504_n.png](https://cdn.steemitimages.com/DQmQn48esHPDXrjEz3TY973tm9zeWKccriArmNGfznNpAnx/41755193_696555174038715_5118010478773141504_n.png)](https://steemit.com/@jbeguna04)</center>