Skip to content
Measurement of somatotype with graph
HTML JavaScript CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
.gitignore
Heath-CarterManual.pdf
README.md
app.js
index.html
somatotype.gif
style.css

README.md

SOMATOTYPE

I built this page to practice my frontend and Vanilla Javascript skills.

This is a page that allows users to know their somatotype.

Users put in their measurements, and the canvas outputs their results on the graph.

The biggest difficulty was the graph. It required some knowledge in trigonometry and mathematics.

Click here: Demo

capture

Features

  • User input
  • Graph ouput
  • Information (why, what, how, references, examples)
  • Comparisons in the examples
  • Amazon Affiliate links
  • Responsive

Things to improve

  • Customised Comparisons
  • Share results via email

BONUSES

  • 3D View of graph

Built with

  • HTML5
  • CSS3
  • BOOTSTRAP4
  • Vanilla JavaScript

Author

Copyright

© 2019 Walter Clayton, All Rights Reserved

You can’t perform that action at this time.