Coder Social home page Coder Social logo

jquery-server-calculator's Introduction

jQuery Server Calculator

Duration: 2 Day Sprint

Our prompt for this project was to create a calculator that would store both logic and history on a server.

I began by thinking through only the base goals given and determining what steps I might take for each requirement. After weighing the pros and cons of my options, I plotted out a general plan. Once I'd accomplished base mode, I did the same for the stretch goals.

  • Built with : Javascript, jQuery, AJAX, HTML & CSS
  • Prerequisites : Node.js, Express, Body Parser
  • License : Open Font License : "Zen Dots" Google Font used for displayed numbers & calculations.

Screen Shots

Base Mode:

Base Mode Calculator

Final Product:

Final Calculator

Usage

This is a calculator - hopefully a lot like one you'd use in real life! Press a combination of numbers & operators, and then press the equals sign to calculate the results.

Beyond basic math...

  • The "+/-" button will flip your number from positive/negative
  • The "%" button will display the value of the given integers as a percent
  • For a fun surprise, try typing '01134' and pressing '='

Calculator Flip

Notes

I encountered a few different errors while working through each part of my plan, but I was able to solve each without much issue.

There were a couple of small things I would have liked to complete/fix, but I wound up letting them go. Having the calculator numbers sit in the lower right side of the screen, getting the historic calculations to populate on the screen when clicked... If I'd had another day I would have zhuzhed up the calculation history div a little more, too.

Acknowledgement

Thanks to Prime Digital Academy who continue to teach me a staggering amount of info daily!

jquery-server-calculator's People

Contributors

laheavey avatar

Watchers

 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.