This will be my second project in the Full Stack Developing Diploma Course at the Code Institute. This is a website which is used for easy calculation where instead of using clicked numbers and other tabs you can simply just input the numbers on the two boxes and pick the operator to get a desired value. Inclusive here is also scientific calculation
Visit the website ,explore the page, and do calculation
This website is useful because:
- It is easy to simply input numbers and choose an operator
- Its easily downloadable
- The page is noticeable in the outlook containing mathematically information.
- Instead of the normal calculator outlook containing the operator buttons this will simply have a drop list that is easy for the individual to pick any operator.
This is a one page website. This hence makes it easy to use. This is because a basic scientific calculator with more mathematical operators not seen in most calculator.
This is a one-page wireframe sketch.Here it is
As we may know it, this is a project were Javascript is utilised to create a calculator. To be more sure of how this work was sketched see the screenshot of both Javascript and the HTML:
- Chocolate: #1ed25a
- Burlywood: #e7ac5ef1
- Cyan: #00ffff
The fonts used here are from Google fonts.
- CSS3: this is used to design the font style details
- HTML5: this is used to create the major content of the website
- JQUERY and JSDELIVER: Both Javascript technologies used for DOM designs
- Gitpod: this is used for making the project IDE
- Lighthouse: used for testing website section
- W3C Validating website: validator.w3.org
To deploy a website during working in a workspace, first it is saved using CTRL+S and then it can be typed using:
- python3 -m http.server
To make a final deployment you use these steps:
- git add -A
- git status
- git commit -m "message"
- git push
- All Samsung Galaxy series
- All iPhone series
- All iPhone series
- Safari Browser
- Google Chrome
- Mozilla Firefox
The result of the website testing is here. Note: to view this webpage you need to add Lighthouse to the browser extension.
-
My special thanks to Code Institute for giving me this opportunity in partaking on this project.
-
I have to give a lot of thanks to tutors such as Michael Park, Tim Nelson, etc. for their contribution.
-
The large members of the Slack community have my thanks for providing insights and hints to my questions that I posed
-
Finally my appreciation goes to my tutor.