Skip to content

numToStr/svg-animation-site

Repository files navigation

Smashing Toronto 2019 Talk

I live coded a Vue/Nuxt portfolio app in 45 minutes with layout and animation at Smashing Conf, here's the repo, and it was deployed to: https://smashingtoronto.netlify.com/

I'll post the video here when it's up!

Screenshot of Site

VS Code Extensions

I use my own VS Code snippets a ton in development to speed up my workflow/not have to type boilerplate.

I use my own Night Owl VS Code Theme

Both are in my Vue VS Code Extensionspack, which houses a lot of the extensions I use for development.

CSS Grid Generator

I used my CSS Grid Generator to create the grids I used for the layout.

Terminal Razzle Dazzle

I used Hub to create a repo from the command line.

I mentioned I'd share how I made my terminal fancy. For the colors: brew install lolcat

Then in .bash_profile:

export CLICOLOR=1
export LSCOLORS=gx

alias l='ls | lolcat'

Also the sparks are from Hyperpower.

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

For detailed explanation on how things work, checkout Nuxt.js docs.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published