The latest articles on DEV Community by Dhaval Vyas (@dhavalwd). https://dev.to/dhavalwd https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F85860%2Fc09f1683-d3ee-4e5e-a960-8814c8b16da8.jpeg https://dev.to/dhavalwd en Dhaval Vyas Mon, 24 Sep 2018 13:54:51 +0000 https://dev.to/dhavalwd/redesign-of-my-portfolio-4kok https://dev.to/dhavalwd/redesign-of-my-portfolio-4kok <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--i3JOwpme--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"> <a href="https://github.com/dhavalwd"> dhavalwd </a> / <a href="https://github.com/dhavalwd/dhavalvyas"> dhavalvyas </a> </h2> <h3> Dhaval Vyas personal portfolio and blog </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <h1> Personal Portfolio</h1> <p><a href="https://greenkeeper.io/" rel="nofollow"><img src="https://camo.githubusercontent.com/d2b4d4f12ae6d649766faa864888c5aeb0d9efd17b008ecb343e89b494bccb17/68747470733a2f2f6261646765732e677265656e6b65657065722e696f2f64686176616c77642f64686176616c767961732e737667" alt="Greenkeeper badge"></a> <a href="https://travis-ci.com/dhavalwd/dhavalvyas" rel="nofollow"><img src="https://camo.githubusercontent.com/af067fb3c478ae21c2eaae55cc7d9b941cdc3a8f88ca10d3fdd21a1ff92525f0/68747470733a2f2f7472617669732d63692e636f6d2f64686176616c77642f64686176616c767961732e7376673f6272616e63683d6d6173746572" alt="Build Status"></a> <a href="https://www.codacy.com/project/dhavalwd/dhavalvyas/dashboard?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=dhavalwd/dhavalvyas&amp;utm_campaign=Badge_Grade_Dashboard" rel="nofollow"><img src="https://camo.githubusercontent.com/9d0e67439ecdaca2642c0f114eeea8a92d8c736adf02d91c879afd9e35a84b40/68747470733a2f2f6170692e636f646163792e636f6d2f70726f6a6563742f62616467652f47726164652f3933633464323137666266633435653362653539663433343638613730353266" alt="Codacy Badge"></a></p> <p>Created by <a href="https://dhavalvyas.me" rel="nofollow">Dhaval Vyas</a></p> <p>Static Markdown blogging using <a href="https://vuejs.org/" rel="nofollow">VueJS</a> + <a href="https://nuxtjs.org/" rel="nofollow">Nuxt.js</a> + <a href="https://graphcms.com/" rel="nofollow">GraphCMS</a></p> <p>Use this setup to create a simple blogging system for your personal website. I am using <a href="https://www.netlify.com/" rel="nofollow">Netlify</a> for hosting and automatic deployments.</p> <p>The goal of this repository is create my personal website where I can go and rant about Front end technologies.</p> <h2> Supported Features</h2> <ul> <li>Markdown blogging in GraphCMS</li> <li>Example configuration in <code>nuxt.config.js</code> for loading common modules and route generation</li> <li>One layouts</li> <li>Integration of disqus</li> <li>SASS css</li> </ul> <h2> Roadmap</h2> <ul> <li>Site Map (SEO)</li> <li>Syntax highlighting of code</li> <li>Time to read posts</li> <li>Social Media Sharing</li> <li>Runnable Code snippets</li> </ul> <h2> Installation</h2> <div class="highlight highlight-source-shell js-code-highlight"> <pre><span class="pl-c"><span class="pl-c">#</span> install dependencies</span> npm install <span class="pl-c"><span class="pl-c">#</span> serve locally with hot reload </span> npm run dev <span class="pl-c"><span class="pl-c">#</span> build /dist for production </span> npm run generate </pre> </div> <p>(refer to the offical <a href="https://nuxtjs.org" rel="nofollow">Nuxt documentation</a> for help)</p> <h2> Forked</h2> <p>This repo originally copied form <a href="https://github.com/andreliem/vuecms">vuecms</a> and then I modified to integrate it with GraphCMS to handle Blog posts…</p> </div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/dhavalwd/dhavalvyas">View on GitHub</a></div> </div> <h2> Little about me </h2> <p>I am a Front End Developer and an amateur photographer. I am always up for learning something cool/new.</p> <h2> Little about my portfolio </h2> <p>I have been thinking about redesigning my website for quite some time. But I just didn’t want to start creating another HTML, CSS, JS static website. My main aim was to create a new website and learn any new framework along the way. I started looking into Vue.js and it got me really excited honestly because of the easier learning curve than React personally for me. </p> <p>My portfolio is combination of Nuxt.js and blog hosted on GraphCMS. It is being hosted on Netlify which I think is one of the best place to host your static sites right now. I have started working on this somewhere in February and still it is nowhere near to make it live but I did it anyway. I always felt that it’s not perfect and requires some change and all. But last Tuesday, I just decided to make it live.</p> <p>It’s a very small website. Please feel free to review it and give your feedback.</p> showdev webdev career frontend