Skip to content

πŸŽ“ A highly customisable template for a single-page material design CV website

Notifications You must be signed in to change notification settings

Lissy93/md-cv-maker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

30 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸŽ“ Material Design CV Template

A customisable template for a single-page material design CV website

Intro

A material-design inspired web-based CV template, with several different theme choices. The app is very easy to use - you'll only need to modify a single file with your info, then once built the static HTML can be easily deployed to any CDN or static hosting provider.

Screenshots

There's a few sample config files and screenshots here. Or, for a live demo feel free to take a look at my CV at: aliciasykes.com/cv

Screenshots

Usage

  1. Clone from Git - git clone https://github.com/Lissy93/md-cv-maker.git
  2. Install Dependencies - yarn install
  3. Add content - Populate the src/locals.json with your content (here's some examples)
  4. Build - Compile and minify source with yarn build
  5. Deploy - Once the project is built, open dist/index.html in your browser, or serve it up with yarn start

During development, you can watch for changes and automatically re-build the app, by running yarn watch

All textual content is located in src/locals.json, if you're happy with the default template, this should be the only file you need to modify. You can view some example templates in the examples/ directory.

File Structure

β”œβ”€β”€ examples/           # Some example configs and screenshots
β”œβ”€β”€ gulpfile.js         # Build script
β”œβ”€β”€ package.json        # Project manifest
β”œβ”€β”€ readme.md           # Docs
β”œβ”€β”€ server.js           # Optional server, to serve up built app
└── src
   β”œβ”€β”€ assets           # Any images, fonts, etc to use
   β”œβ”€β”€ locals.json      # Text to display (edit this file!)
   β”œβ”€β”€ scripts          # JS for interactive content
   β”œβ”€β”€ styles           # CSS for styling
   └── views            # HTML fragments for layout

After building the project, a new directory - dist/ will be created. This contains all compiled and production ready files which can then be served up or uploaded to your server, ready to go.


Β© Alicia Sykes 2017
Licensed under MIT

Thanks for visiting :)