https://github.com/kaplanh/ios-calculator

Project aims to create a calculator app.
https://github.com/kaplanh/ios-calculator

css3 dom-manipulation flexbox grid html5 javascript switch-case

Last synced: 3 days ago
JSON representation

Project aims to create a calculator app.

• Host: GitHub
• URL: https://github.com/kaplanh/ios-calculator
• Owner: kaplanh
• Created: 2022-05-19T20:43:54.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-01-30T23:10:56.000Z (10 months ago)
• Last Synced: 2024-02-01T00:09:01.516Z (10 months ago)
• Topics: css3, dom-manipulation, flexbox, grid, html5, javascript, switch-case
• Language: JavaScript
• Homepage: https://kaplanh.github.io/IOS-Calculator/
• Size: 34.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## IOS Calculator

![ios calculator](https://user-images.githubusercontent.com/101884444/173544652-c192d901-a7d7-46cc-9aa4-f5ae56e490e3.gif)

[Click me!]( https://kaplanh.github.io/IOS-Calculator/)

## Problem Statement

- Your company has recently started on a project that aims to create a calculator. So you and your colleagues have started to work on the project.

## Project Skeleton 

```

003-calculator(folder)

|

|----readme.md                 

|----index.html  

|----style.css   

|----index.js

```

### At the end of the project, following topics are to be covered;

- HTML 

- CSS

  - Grid

  - flexbox

  - media Query

  - Opacity / Transparency

- JS

  - DOM manipulation

  - e.target.classList.contains('className')

  - conditions (if, switch - case) 

  - includes('.') (array method)

- ### At the end of the project, developers will be able to;

- improve coding skills within HTML & CSS & JS

- use git commands (push, pull, commit, add etc.) and Github as Version Control System.

## Notes

-   You can use HTML, CSS and JS to complete this project.

  

## Site Examples Made with Display Grid

http://www.friezedesign.co.uk/

https://murdershewrote.co.uk/

http://grundini.com/

http://grundini.com/

# A good resource about CSS Grid

https://www.quackit.com/html/templates/css_grid_templates.cfm

 ⌛ Happy Coding  ✍