Giter VIP home page Giter VIP logo

calculator-port's Introduction

About Donald Calculation port

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

Website

Visit the website ,explore the page, and do calculation

UX

This project is meant to give an easy acess of calculator

User stories

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.

Mockups

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.

Wireframing

This is a one-page wireframe sketch.Here it is

Features

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:

Features of the website

Here is the screenshots of the workspace on Javascript:

Background colours amd fonts utilised

Background colours

  • Chocolate: #1ed25a
  • Burlywood: #e7ac5ef1
  • Cyan: #00ffff

Fonts

The fonts used here are from Google fonts.

TECHNOLOGIES used

  • 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

Deployment in the project

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

Final Deployment

To make a final deployment you use these steps:

  • git add -A
  • git status
  • git commit -m "message"
  • git push

TESTING

Browsing website using DeVop technologies

Google Chrome DeVop

Mozilla DeVop

Mobile Dev tools

  • All Samsung Galaxy series
  • All iPhone series
  • All iPhone series

Mobile Browsing DeVop tools

  • Safari Browser
  • Google Chrome
  • Mozilla Firefox

Results from using Lighthouse

The result of the website testing is here. Note: to view this webpage you need to add Lighthouse to the browser extension.

ACKNOWLEDGEMENT

  • 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.

calculator-port's People

Contributors

lionkiller900 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.