resume-timeline webcomponents

This repository and NPM dist provides the infrastructure for developing and building webcomponents for building vertical timelines suitable for a resume. Most development work will take place within the src folder which contains an assets folder and a components folder. Any files under the assets folder will be copied into the final build distributions and will be made available to the dev server as well.

This package provides a single component, resume-landing, which generates the full height landing section and a sticky header blow. A slot named header-items accepts anchor tags to be displayed on the nav header.

Getting Started - Development

0. Clone the repository for this package.
1. Run npm install.
3. Run 'npm start' to run the test server.

Dockerization

Build the docker container:

docker build -t ashawnbandy/resume-landing .

Run the dev server:

docker run -d ashawnbandy/resume-landing run start

Publish to npm and update git origin:

docker run -v  ~/.ssh:/home/devops/.ssh -v ~/.npmrc:/home/devops/.npmrc ashawnbandy/resume-landing run publish-to-npm

Note that mapping .ssh and .npmrc to the running container is neccessary for connecting to npm and the origin git repo. And obiously, these credentials and keys have to be registered with npm and the origin repo.

Publish the docker container:

docker push ashawnbandy/resume-landing

References

• Stencil.js, a webcomponent framework