The 'Caculator' is a calculator website that allows users to perform the basic operations (sum, subtract, times and divide)
The live version can be found here
The webpage for this game was tested for various devices, making use of both DevTools "Toggle Device Toolbar (Ctrl + Shift + M") and Bytes. It was adapted accordingly to Desktops, Laptops and Mobile devices under CSS Media queries.
The website was written under HTML5, CSS3 & JS(ES6).
- HTML5 - Structure of the page
- CSS3 - Cascading Style Sheet
- JSES6 - Logic and interactivity of the page
Other forms of development as follows:
- Google Fonts - Source of fonts
- Github - Host for the repository
- Gitpod - Code editor
- Chrome DevTools - Testing tool
- WAVE Evaluation tool - Testing tool
The project was developed using GitHub and GitPod platforms.
- Navigate to: "Repositories" and create "New".
- Mark the following fields: ✓ Public ✓ Add a README file.
- Select template: "Code-Institute-Org/gitpod-full-template".
- Add a Repository name: "calculator".
- And create Repository.
This project was developed using GitPod and suffered various executions using the inbuild Terminal.
- git add . - Command used before commiting.
- git commit -m "written imperative declaration" - Command used to declare changes and updates.
- git push - Command used to push all updates to the GitHub Repository and live version.
- python -m http.server 8000 - Command used to load the website on port 8000.
The website was deployed via Github
- Under the given Repository, navigate to "Settings".
- Navigate to "Pages" from the left-hand bar.
- From here the "Source" should be set to "Deploy from branch".
- On "Branch" select "main" and save.
- The website was deployed via Github and the live website can be found here.
- The Fonts displayed in this website were imported from Google Fonts