Prerequisite

HTML5

CSS

JavaScript, jQuery

Optional Responsive Design with Bootstrap



You do not need to understand all knowledge of HTML5, CSS, and JavaScript.

Requirement

Objective: Build a CodePen.io app that is functionally similar to this: http://gumroadplancalculator.yingjiehu.com/.

Here are some ideas you can consider.

Compare plans from multiple companies (e.g., cell phone plans, cloud storage plan)

Compare plans from one companies (e.g., mortage plans from one bank)

Rule: Don’t look at the example project’s code. Figure it out for yourself.

Use whichever libraries you need. Give it your own personal style.

I can restrict input type from users (string or numbers).

I can calculate the results correctly.

The numbers obtained keep reasonable decimal digits.

The website can tell me which plan is better.

Optional:

I upload the website to GitHub.

I give the website a subdomain of my personal domain.

I submit my calculator project to Awesome Lifehack Calculators

Remember to ask questions in Discord if you get stuck.

Additional Resources