KnackSteem: Landingpage

in #utopian-io6 years ago

image.png

Repository

https://github.com/knacksteem/Landing-page

Pull Request

https://github.com/knacksteem/Landing-page/pull/1

About

https://steemit.com/knacksteem/@knacksteem.org/introducing-knacksteem-a-platform-where-you-can-share-the-things-you-are-passionate-about

Landingage

@knowledges contacted me to ask for help with the landing page for the KnackSteem project.
I was happy to see that everything was already well prepared. He provided me with a complete screen design, the font, icons and so on. So I really just had to put some HTML and CSS together. Again I used Vue.js/Nuxt.js, although maybe not necessary but you never know.

Implementation

The page consists of one index page holding the main content, and 3 other components to keep things a bit more organized.

After setting up a fresh nuxt install I started with the SteemConnect integration, which is now really a very easy task thanks to the plugin I created for that.

Then I made some preparations and added a navbar, header and footer component.

Following that came the content sections.

Last I made the navigation work using bootstraps scrollspy component and the vue-scrollto plugin.

This was the main process of implementation. Since this is a very simply task, I don't think there's much more to say.

Of course everything is mobile first.

Screenshots

Desktop

image.png

Mobile

image.png

Sort:  
  • I like how you integrated eslint right away in the project, I've learned things be looking at your config.
  • I wish there was a way to make that long mobile screen shot easier to see. How about an animated scrolling gif?
  • I've cloned the repo, npm installed, tested lint and ran dev, it's clean and it all works.

Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.


Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]

Thank you for your review, @helo!

So far this week you've reviewed 1 contributions. Keep up the good work!

Hi @mkt! We are @steem-ua, a new Steem dApp, computing UserAuthority for all accounts on Steem. We are currently in test modus upvoting quality Utopian-io contributions! Nice work!

Thats really great.

It feels like a masterpiece made by you @mkt .

I really appreciate the work you have put in to it.

and yes the webpage is beautiful.

Hey @mkt
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!

I fell in love with this one :P
I really appreciate the effort you put into this :)

Coin Marketplace

STEEM 0.30
TRX 0.12
JST 0.034
BTC 64058.80
ETH 3150.15
USDT 1.00
SBD 3.99