From a93dd542f624ccf33bd02c24c8a8450643a359fc Mon Sep 17 00:00:00 2001 From: torobucci Date: Tue, 28 Mar 2023 17:27:30 +0300 Subject: [PATCH 01/23] add components --- src/components/App.js | 11 +++++++++++ src/components/calculator.js | 27 +++++++++++++++++++++++++++ 2 files changed, 38 insertions(+) create mode 100644 src/components/App.js create mode 100644 src/components/calculator.js diff --git a/src/components/App.js b/src/components/App.js new file mode 100644 index 0000000..a089f17 --- /dev/null +++ b/src/components/App.js @@ -0,0 +1,11 @@ +import Calculator from './calculator'; + +function App() { + return ( +
+ +
+ ); +} + +export default App; diff --git a/src/components/calculator.js b/src/components/calculator.js new file mode 100644 index 0000000..8b171e2 --- /dev/null +++ b/src/components/calculator.js @@ -0,0 +1,27 @@ +function Calculator() { + return ( +
+ + + + + + + + + + + + + + + + + + + + +
+ ); +} +export default Calculator; From 36a64eac69915ffeaba93085abcfc56ee3c8b883 Mon Sep 17 00:00:00 2001 From: torobucci Date: Tue, 28 Mar 2023 17:28:32 +0300 Subject: [PATCH 02/23] style components --- src/style.css | 75 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 75 insertions(+) create mode 100644 src/style.css diff --git a/src/style.css b/src/style.css new file mode 100644 index 0000000..ac97eed --- /dev/null +++ b/src/style.css @@ -0,0 +1,75 @@ +body { + font-family: Arial, sans-serif; + background-color: #928d8d; +} + +.calculator { + width: 50vw; + margin: 12vh auto; + background-color: #e6e1e1; + border-radius: 10px; + padding: 4px; + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-gap: 2px; +} + +.input { + grid-column: 1 / span 4; + background-color: #646161; + font-size: 26px; + color: white; + padding: 20px 5px; + border-radius: 5px; + height: 20%; + border: none; +} + +input:focus { + outline: none; +} + +.input::placeholder { + text-align: right; + color: white; +} + +.button { + height: 10vh; + font-size: 1.5rem; + background-color: #eee; + border-radius: 5px; + cursor: pointer; + border: none; + grid-column: auto; + grid-row: auto; +} + +.button:hover { + background-color: #ccc; +} + +.button:active { + background-color: #aaa; +} + +.button.operator { + background-color: #f2a05c; + color: #fff; +} + +.button.operator:hover { + background-color: #d28c4d; +} + +.button.operator:active { + background-color: #a34d17; +} + +.button.zero { + grid-column: 1 / span 2; +} + +.button.equals { + grid-row: span 2; +} From b625bd8b854f4cf4db146869f0820718e95fb54d Mon Sep 17 00:00:00 2001 From: torobucci Date: Tue, 28 Mar 2023 17:29:29 +0300 Subject: [PATCH 03/23] render elements to browser --- src/index.js | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) diff --git a/src/index.js b/src/index.js index 9168dc4..f715471 100644 --- a/src/index.js +++ b/src/index.js @@ -1,8 +1,7 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; -import './index.css'; -import App from './App'; -import reportWebVitals from './reportWebVitals'; +import './style.css'; +import App from './components/App'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( @@ -10,8 +9,3 @@ root.render( , ); - -// If you want to start measuring performance in your app, pass a function -// to log results (for example: reportWebVitals(console.log)) -// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals -reportWebVitals(); From 89551413dcb23549c743133b09a47deb0ee1b985 Mon Sep 17 00:00:00 2001 From: torobucci Date: Tue, 28 Mar 2023 17:30:09 +0300 Subject: [PATCH 04/23] add index.html default --- public/favicon.ico | Bin 3870 -> 0 bytes public/index.html | 2 +- public/logo192.png | Bin 5347 -> 0 bytes public/logo512.png | Bin 9664 -> 0 bytes public/manifest.json | 25 ------------------------- public/robots.txt | 3 --- src/App.css | 39 --------------------------------------- src/App.js | 29 ----------------------------- src/App.test.js | 8 -------- src/index.css | 27 --------------------------- src/logo.svg | 1 - src/reportWebVitals.js | 15 --------------- src/setupTests.js | 5 ----- 13 files changed, 1 insertion(+), 153 deletions(-) delete mode 100644 public/favicon.ico delete mode 100644 public/logo192.png delete mode 100644 public/logo512.png delete mode 100644 public/manifest.json delete mode 100644 public/robots.txt delete mode 100644 src/App.css delete mode 100644 src/App.js delete mode 100644 src/App.test.js delete mode 100644 src/index.css delete mode 100644 src/logo.svg delete mode 100644 src/reportWebVitals.js delete mode 100644 src/setupTests.js diff --git a/public/favicon.ico b/public/favicon.ico deleted file mode 100644 index a11777cc471a4344702741ab1c8a588998b1311a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3870 zcma);c{J4h9>;%nil|2-o+rCuEF-(I%-F}ijC~o(k~HKAkr0)!FCj~d>`RtpD?8b; zXOC1OD!V*IsqUwzbMF1)-gEDD=A573Z-&G7^LoAC9|WO7Xc0Cx1g^Zu0u_SjAPB3vGa^W|sj)80f#V0@M_CAZTIO(t--xg= z!sii`1giyH7EKL_+Wi0ab<)&E_0KD!3Rp2^HNB*K2@PHCs4PWSA32*-^7d{9nH2_E zmC{C*N*)(vEF1_aMamw2A{ZH5aIDqiabnFdJ|y0%aS|64E$`s2ccV~3lR!u<){eS` z#^Mx6o(iP1Ix%4dv`t@!&Za-K@mTm#vadc{0aWDV*_%EiGK7qMC_(`exc>-$Gb9~W!w_^{*pYRm~G zBN{nA;cm^w$VWg1O^^<6vY`1XCD|s_zv*g*5&V#wv&s#h$xlUilPe4U@I&UXZbL z0)%9Uj&@yd03n;!7do+bfixH^FeZ-Ema}s;DQX2gY+7g0s(9;`8GyvPY1*vxiF&|w z>!vA~GA<~JUqH}d;DfBSi^IT*#lrzXl$fNpq0_T1tA+`A$1?(gLb?e#0>UELvljtQ zK+*74m0jn&)5yk8mLBv;=@}c{t0ztT<v;Avck$S6D`Z)^c0(jiwKhQsn|LDRY&w(Fmi91I7H6S;b0XM{e zXp0~(T@k_r-!jkLwd1_Vre^v$G4|kh4}=Gi?$AaJ)3I+^m|Zyj#*?Kp@w(lQdJZf4 z#|IJW5z+S^e9@(6hW6N~{pj8|NO*>1)E=%?nNUAkmv~OY&ZV;m-%?pQ_11)hAr0oAwILrlsGawpxx4D43J&K=n+p3WLnlDsQ$b(9+4 z?mO^hmV^F8MV{4Lx>(Q=aHhQ1){0d*(e&s%G=i5rq3;t{JC zmgbn5Nkl)t@fPH$v;af26lyhH!k+#}_&aBK4baYPbZy$5aFx4}ka&qxl z$=Rh$W;U)>-=S-0=?7FH9dUAd2(q#4TCAHky!$^~;Dz^j|8_wuKc*YzfdAht@Q&ror?91Dm!N03=4=O!a)I*0q~p0g$Fm$pmr$ zb;wD;STDIi$@M%y1>p&_>%?UP($15gou_ue1u0!4(%81;qcIW8NyxFEvXpiJ|H4wz z*mFT(qVx1FKufG11hByuX%lPk4t#WZ{>8ka2efjY`~;AL6vWyQKpJun2nRiZYDij$ zP>4jQXPaP$UC$yIVgGa)jDV;F0l^n(V=HMRB5)20V7&r$jmk{UUIe zVjKroK}JAbD>B`2cwNQ&GDLx8{pg`7hbA~grk|W6LgiZ`8y`{Iq0i>t!3p2}MS6S+ zO_ruKyAElt)rdS>CtF7j{&6rP-#c=7evGMt7B6`7HG|-(WL`bDUAjyn+k$mx$CH;q2Dz4x;cPP$hW=`pFfLO)!jaCL@V2+F)So3}vg|%O*^T1j>C2lx zsURO-zIJC$^$g2byVbRIo^w>UxK}74^TqUiRR#7s_X$e)$6iYG1(PcW7un-va-S&u zHk9-6Zn&>T==A)lM^D~bk{&rFzCi35>UR!ZjQkdSiNX*-;l4z9j*7|q`TBl~Au`5& z+c)*8?#-tgUR$Zd%Q3bs96w6k7q@#tUn`5rj+r@_sAVVLqco|6O{ILX&U-&-cbVa3 zY?ngHR@%l{;`ri%H*0EhBWrGjv!LE4db?HEWb5mu*t@{kv|XwK8?npOshmzf=vZA@ zVSN9sL~!sn?r(AK)Q7Jk2(|M67Uy3I{eRy z_l&Y@A>;vjkWN5I2xvFFTLX0i+`{qz7C_@bo`ZUzDugfq4+>a3?1v%)O+YTd6@Ul7 zAfLfm=nhZ`)P~&v90$&UcF+yXm9sq!qCx3^9gzIcO|Y(js^Fj)Rvq>nQAHI92ap=P z10A4@prk+AGWCb`2)dQYFuR$|H6iDE8p}9a?#nV2}LBCoCf(Xi2@szia7#gY>b|l!-U`c}@ zLdhvQjc!BdLJvYvzzzngnw51yRYCqh4}$oRCy-z|v3Hc*d|?^Wj=l~18*E~*cR_kU z{XsxM1i{V*4GujHQ3DBpl2w4FgFR48Nma@HPgnyKoIEY-MqmMeY=I<%oG~l!f<+FN z1ZY^;10j4M4#HYXP zw5eJpA_y(>uLQ~OucgxDLuf}fVs272FaMxhn4xnDGIyLXnw>Xsd^J8XhcWIwIoQ9} z%FoSJTAGW(SRGwJwb=@pY7r$uQRK3Zd~XbxU)ts!4XsJrCycrWSI?e!IqwqIR8+Jh zlRjZ`UO1I!BtJR_2~7AbkbSm%XQqxEPkz6BTGWx8e}nQ=w7bZ|eVP4?*Tb!$(R)iC z9)&%bS*u(lXqzitAN)Oo=&Ytn>%Hzjc<5liuPi>zC_nw;Z0AE3Y$Jao_Q90R-gl~5 z_xAb2J%eArrC1CN4G$}-zVvCqF1;H;abAu6G*+PDHSYFx@Tdbfox*uEd3}BUyYY-l zTfEsOqsi#f9^FoLO;ChK<554qkri&Av~SIM*{fEYRE?vH7pTAOmu2pz3X?Wn*!ROX ztd54huAk&mFBemMooL33RV-*1f0Q3_(7hl$<#*|WF9P!;r;4_+X~k~uKEqdzZ$5Al zV63XN@)j$FN#cCD;ek1R#l zv%pGrhB~KWgoCj%GT?%{@@o(AJGt*PG#l3i>lhmb_twKH^EYvacVY-6bsCl5*^~L0 zonm@lk2UvvTKr2RS%}T>^~EYqdL1q4nD%0n&Xqr^cK^`J5W;lRRB^R-O8b&HENO||mo0xaD+S=I8RTlIfVgqN@SXDr2&-)we--K7w= zJVU8?Z+7k9dy;s;^gDkQa`0nz6N{T?(A&Iz)2!DEecLyRa&FI!id#5Z7B*O2=PsR0 zEvc|8{NS^)!d)MDX(97Xw}m&kEO@5jqRaDZ!+%`wYOI<23q|&js`&o4xvjP7D_xv@ z5hEwpsp{HezI9!~6O{~)lLR@oF7?J7i>1|5a~UuoN=q&6N}EJPV_GD`&M*v8Y`^2j zKII*d_@Fi$+i*YEW+Hbzn{iQk~yP z>7N{S4)r*!NwQ`(qcN#8SRQsNK6>{)X12nbF`*7#ecO7I)Q$uZsV+xS4E7aUn+U(K baj7?x%VD!5Cxk2YbYLNVeiXvvpMCWYo=by@ diff --git a/public/index.html b/public/index.html index aa069f2..05dc5ce 100644 --- a/public/index.html +++ b/public/index.html @@ -40,4 +40,4 @@ To create a production bundle, use `npm run build` or `yarn build`. --> - + \ No newline at end of file diff --git a/public/logo192.png b/public/logo192.png deleted file mode 100644 index fc44b0a3796c0e0a64c3d858ca038bd4570465d9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 5347 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 b{|{}U^kRn2wo}j7|0ATu<;8xA7zX}7|B6mN diff --git a/public/manifest.json b/public/manifest.json deleted file mode 100644 index 080d6c7..0000000 --- a/public/manifest.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "short_name": "React App", - "name": "Create React App Sample", - "icons": [ - { - "src": "favicon.ico", - "sizes": "64x64 32x32 24x24 16x16", - "type": "image/x-icon" - }, - { - "src": "logo192.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "logo512.png", - "type": "image/png", - "sizes": "512x512" - } - ], - "start_url": ".", - "display": "standalone", - "theme_color": "#000000", - "background_color": "#ffffff" -} diff --git a/public/robots.txt b/public/robots.txt deleted file mode 100644 index e9e57dc..0000000 --- a/public/robots.txt +++ /dev/null @@ -1,3 +0,0 @@ -# https://www.robotstxt.org/robotstxt.html -User-agent: * -Disallow: diff --git a/src/App.css b/src/App.css deleted file mode 100644 index 10e4996..0000000 --- a/src/App.css +++ /dev/null @@ -1,39 +0,0 @@ -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - - to { - transform: rotate(360deg); - } -} diff --git a/src/App.js b/src/App.js deleted file mode 100644 index 34716cb..0000000 --- a/src/App.js +++ /dev/null @@ -1,29 +0,0 @@ -import logo from './logo.svg'; -import './App.css'; - -function App() { - return ( - - ); -} - -export default App; diff --git a/src/App.test.js b/src/App.test.js deleted file mode 100644 index 1f03afe..0000000 --- a/src/App.test.js +++ /dev/null @@ -1,8 +0,0 @@ -import { render, screen } from '@testing-library/react'; -import App from './App'; - -test('renders learn react link', () => { - render(); - const linkElement = screen.getByText(/learn react/i); - expect(linkElement).toBeInTheDocument(); -}); diff --git a/src/index.css b/src/index.css deleted file mode 100644 index acbad23..0000000 --- a/src/index.css +++ /dev/null @@ -1,27 +0,0 @@ -body { - margin: 0; - font-family: - -apple-system, - BlinkMacSystemFont, - 'Segoe UI', - 'Roboto', - 'Oxygen', - 'Ubuntu', - 'Cantarell', - 'Fira Sans', - 'Droid Sans', - 'Helvetica Neue', - sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -code { - font-family: - source-code-pro, - Menlo, - Monaco, - Consolas, - 'Courier New', - monospace; -} diff --git a/src/logo.svg b/src/logo.svg deleted file mode 100644 index 9dfc1c0..0000000 --- a/src/logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/reportWebVitals.js b/src/reportWebVitals.js deleted file mode 100644 index bb47dbb..0000000 --- a/src/reportWebVitals.js +++ /dev/null @@ -1,15 +0,0 @@ -const reportWebVitals = (onPerfEntry) => { - if (onPerfEntry && onPerfEntry instanceof Function) { - import('web-vitals').then(({ - getCLS, getFID, getFCP, getLCP, getTTFB, - }) => { - getCLS(onPerfEntry); - getFID(onPerfEntry); - getFCP(onPerfEntry); - getLCP(onPerfEntry); - getTTFB(onPerfEntry); - }); - } -}; - -export default reportWebVitals; diff --git a/src/setupTests.js b/src/setupTests.js deleted file mode 100644 index 8f2609b..0000000 --- a/src/setupTests.js +++ /dev/null @@ -1,5 +0,0 @@ -// jest-dom adds custom jest matchers for asserting on DOM nodes. -// allows you to do things like: -// expect(element).toHaveTextContent(/react/i) -// learn more: https://github.com/testing-library/jest-dom -import '@testing-library/jest-dom'; From af958abbd7d83b0342b34df94eab083a15baeb06 Mon Sep 17 00:00:00 2001 From: Kevin Toro Date: Tue, 28 Mar 2023 17:51:03 +0300 Subject: [PATCH 05/23] Update README.md --- README.md | 179 ++++++++++++++++++++++++++++++++++++++++++------------ 1 file changed, 141 insertions(+), 38 deletions(-) diff --git a/README.md b/README.md index 58beeac..800303d 100644 --- a/README.md +++ b/README.md @@ -1,70 +1,173 @@ -# Getting Started with Create React App + -This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). -## Available Scripts +

Math Magicians

-In the project directory, you can run: -### `npm start` + -Runs the app in the development mode.\ -Open [http://localhost:3000](http://localhost:3000) to view it in your browser. +# ๐Ÿ“— Table of Contents -The page will reload when you make changes.\ -You may also see any lint errors in the console. +- [๐Ÿ“– About the Project](#about-project) + - [๐Ÿ›  Built With](#built-with) + - [Tech Stack](#tech-stack) + - [Key Features](#key-features) + - [๐Ÿš€ Live Demo](#live-demo) +- [๐Ÿ’ป Getting Started](#getting-started) + - [Setup](#setup) + - [Prerequisites](#prerequisites) + - [Install](#install) + - [Usage](#usage) + - [Run tests](#run-tests) + - [Deployment](#triangular_flag_on_post-deployment) +- [๐Ÿ‘ฅ Authors](#authors) +- [๐Ÿ”ญ Future Features](#future-features) +- [๐Ÿค Contributing](#contributing) +- [โญ๏ธ Show your support](#support) +- [๐Ÿ™ Acknowledgements](#acknowledgements) +- [โ“ FAQ (OPTIONAL)](#faq) +- [๐Ÿ“ License](#license) -### `npm test` + -Launches the test runner in the interactive watch mode.\ -See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information. +# ๐Ÿ“– **Math Magicians** + -### `npm run build` +**Leaderboard** is a react single web page application that displays a calculator and that can be used by users to perform simple calculations -Builds the app for production to the `build` folder.\ -It correctly bundles React in production mode and optimizes the build for the best performance. +## ๐Ÿ›  Built With + Html + Css + Javascript + Webpack + React + -The build is minified and the filenames include the hashes.\ -Your app is ready to be deployed! +### Tech Stack -See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. +
+ Client + + + + +
+ -### `npm run eject` +### Key Features -**Note: this is a one-way operation. Once you `eject`, you can't go back!** +- [ ] **Display Calculator** -If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project. -Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own. +

(back to top)

-You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it. + -## Learn More +## ๐Ÿš€ Live Demo -You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). + **Coming soon** -To learn React, check out the [React documentation](https://reactjs.org/). +

(back to top)

-### Code Splitting + -This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting) +## ๐Ÿ’ป Getting Started +To get a local copy up and running, follow these steps. -### Analyzing the Bundle Size +fork the repository https://github.com/torobucci/math-magicians.git -This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size) +### Prerequisites -### Making a Progressive Web App +In order to run this project you need: -This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app) +Code editor eg. VScode +Web browser eg. chrome -### Advanced Configuration +### Setup -This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration) +Clone this repository to your desired folder: + cd hello-world + git clone https://github.com/torobucci/math-magicians.git -### Deployment -This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment) -### `npm run build` fails to minify +### Install +To install linter run the following command: -This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify) +`npm install --save-dev hint@7.x ` + +### Usage + +To run the project click the run button on your VScode. + +### Run tests + +To run tests, run the following command: + +`npx stylelint "**/*.{css,scss}"` + +

(back to top)

+ + + +## ๐Ÿ‘ฅ Author Kevin Toro + +- GitHub: [@torobucii](https://github.com/torobucii) +- Twitter: [@torobucii](https://twitter.com/@torobucii) +- LinkedIn: [Kevin Toro](https://linkedin.com/in/KevinToro) + + +

(back to top)

+ + + +## ๐Ÿ”ญ Future Features + +- [ ] **Implement single page application functionality** +- [ ] **Display calculator** +- [ ] **Calculator perform single calculatiions and display result** + +

(back to top)

+ + + +## ๐Ÿค Contributing + +Contributions, issues, and feature requests are welcome! + +Feel free to check the [math-magicians](https://github.com/torobucci/math-magicians.git). + +

(back to top)

+ + + +## โญ๏ธ Show your support + +If you like this project hit the star button on our github repo + +

(back to top)

+ + + +## ๐Ÿ™ Acknowledgments + +I would like to thank the Lets Code team that hepled us in every problem we had. + +

(back to top)

+ + + + +## ๐Ÿ“ License + +This project is [MIT](https://github.com/torobucci/Portfolio-finish-mobile-version/blob/main/MIT-LICENSE.txt) licensed. +

(back to top)

+ From bb24478217e7dc8a1accd6f98cfec550bdd9f9c7 Mon Sep 17 00:00:00 2001 From: torobucci Date: Tue, 28 Mar 2023 17:59:17 +0300 Subject: [PATCH 06/23] fix merge conflict --- README.md | 41 ++++++++++++++++++++--------------------- 1 file changed, 20 insertions(+), 21 deletions(-) diff --git a/README.md b/README.md index 800303d..cbbc375 100644 --- a/README.md +++ b/README.md @@ -8,25 +8,24 @@ # ๐Ÿ“— Table of Contents -- [๐Ÿ“– About the Project](#about-project) - - [๐Ÿ›  Built With](#built-with) - - [Tech Stack](#tech-stack) - - [Key Features](#key-features) - - [๐Ÿš€ Live Demo](#live-demo) -- [๐Ÿ’ป Getting Started](#getting-started) - - [Setup](#setup) - - [Prerequisites](#prerequisites) - - [Install](#install) - - [Usage](#usage) - - [Run tests](#run-tests) - - [Deployment](#triangular_flag_on_post-deployment) -- [๐Ÿ‘ฅ Authors](#authors) -- [๐Ÿ”ญ Future Features](#future-features) -- [๐Ÿค Contributing](#contributing) -- [โญ๏ธ Show your support](#support) -- [๐Ÿ™ Acknowledgements](#acknowledgements) -- [โ“ FAQ (OPTIONAL)](#faq) -- [๐Ÿ“ License](#license) +- [๐Ÿ“— Table of Contents](#-table-of-contents) +- [๐Ÿ“– **Math Magicians** ](#-math-magicians-) + - [๐Ÿ›  Built With ](#-built-with-) + - [Tech Stack ](#tech-stack-) + - [Key Features ](#key-features-) + - [๐Ÿš€ Live Demo ](#-live-demo-) + - [๐Ÿ’ป Getting Started ](#-getting-started-) + - [Prerequisites](#prerequisites) + - [Setup](#setup) + - [Install](#install) + - [Usage](#usage) + - [Run tests](#run-tests) + - [๐Ÿ‘ฅ Author Kevin Toro](#-author-kevin-toro) + - [๐Ÿ”ญ Future Features ](#-future-features-) + - [๐Ÿค Contributing ](#-contributing-) + - [โญ๏ธ Show your support ](#๏ธ-show-your-support-) + - [๐Ÿ™ Acknowledgments ](#-acknowledgments-) + - [๐Ÿ“ License ](#-license-) @@ -64,6 +63,7 @@ ### Key Features +- [ ] **Project set up** - [ ] **Display Calculator** @@ -169,5 +169,4 @@ I would like to thank the Lets Code team that hepled us in every problem we had. ## ๐Ÿ“ License This project is [MIT](https://github.com/torobucci/Portfolio-finish-mobile-version/blob/main/MIT-LICENSE.txt) licensed. -

(back to top)

- +

(back to top)

\ No newline at end of file From cf0b91168351f87744382d8c61b3630bc1eed5b2 Mon Sep 17 00:00:00 2001 From: Kevin Toro Date: Tue, 28 Mar 2023 18:05:45 +0300 Subject: [PATCH 07/23] Update README.md --- README.md | 41 +++++++++++++++++++++-------------------- 1 file changed, 21 insertions(+), 20 deletions(-) diff --git a/README.md b/README.md index cbbc375..4f1d0d9 100644 --- a/README.md +++ b/README.md @@ -8,24 +8,25 @@ # ๐Ÿ“— Table of Contents -- [๐Ÿ“— Table of Contents](#-table-of-contents) -- [๐Ÿ“– **Math Magicians** ](#-math-magicians-) - - [๐Ÿ›  Built With ](#-built-with-) - - [Tech Stack ](#tech-stack-) - - [Key Features ](#key-features-) - - [๐Ÿš€ Live Demo ](#-live-demo-) - - [๐Ÿ’ป Getting Started ](#-getting-started-) - - [Prerequisites](#prerequisites) - - [Setup](#setup) - - [Install](#install) - - [Usage](#usage) - - [Run tests](#run-tests) - - [๐Ÿ‘ฅ Author Kevin Toro](#-author-kevin-toro) - - [๐Ÿ”ญ Future Features ](#-future-features-) - - [๐Ÿค Contributing ](#-contributing-) - - [โญ๏ธ Show your support ](#๏ธ-show-your-support-) - - [๐Ÿ™ Acknowledgments ](#-acknowledgments-) - - [๐Ÿ“ License ](#-license-) +- [๐Ÿ“– About the Project](#about-project) + - [๐Ÿ›  Built With](#built-with) + - [Tech Stack](#tech-stack) + - [Key Features](#key-features) + - [๐Ÿš€ Live Demo](#live-demo) +- [๐Ÿ’ป Getting Started](#getting-started) + - [Setup](#setup) + - [Prerequisites](#prerequisites) + - [Install](#install) + - [Usage](#usage) + - [Run tests](#run-tests) + - [Deployment](#triangular_flag_on_post-deployment) +- [๐Ÿ‘ฅ Authors](#authors) +- [๐Ÿ”ญ Future Features](#future-features) +- [๐Ÿค Contributing](#contributing) +- [โญ๏ธ Show your support](#support) +- [๐Ÿ™ Acknowledgements](#acknowledgements) +- [โ“ FAQ (OPTIONAL)](#faq) +- [๐Ÿ“ License](#license) @@ -64,7 +65,6 @@ ### Key Features - [ ] **Project set up** -- [ ] **Display Calculator**

(back to top)

@@ -169,4 +169,5 @@ I would like to thank the Lets Code team that hepled us in every problem we had. ## ๐Ÿ“ License This project is [MIT](https://github.com/torobucci/Portfolio-finish-mobile-version/blob/main/MIT-LICENSE.txt) licensed. -

(back to top)

\ No newline at end of file +

(back to top)

+ From 8befca274553219ddf93c362433f7265fcb3831c Mon Sep 17 00:00:00 2001 From: Kevin Toro Date: Tue, 28 Mar 2023 18:09:06 +0300 Subject: [PATCH 08/23] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 4f1d0d9..3e2f16c 100644 --- a/README.md +++ b/README.md @@ -65,7 +65,7 @@ ### Key Features - [ ] **Project set up** - +- [ ] **Display Calculator**

(back to top)

From b382597dc223c9538e440fa13b20c981025b590b Mon Sep 17 00:00:00 2001 From: Kevin Toro Date: Tue, 28 Mar 2023 18:11:42 +0300 Subject: [PATCH 09/23] fix merge conflict --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 3e2f16c..4f1d0d9 100644 --- a/README.md +++ b/README.md @@ -65,7 +65,7 @@ ### Key Features - [ ] **Project set up** -- [ ] **Display Calculator** +

(back to top)

From 9bdca1cded09624f05beefc77617998d9d63978d Mon Sep 17 00:00:00 2001 From: Kevin Toro Date: Tue, 28 Mar 2023 18:34:30 +0300 Subject: [PATCH 10/23] Update README.md --- README.md | 28 ++++++---------------------- 1 file changed, 6 insertions(+), 22 deletions(-) diff --git a/README.md b/README.md index 4f1d0d9..f659639 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,3 @@ - - - -

Math Magicians

- @@ -12,20 +7,17 @@ - [๐Ÿ›  Built With](#built-with) - [Tech Stack](#tech-stack) - [Key Features](#key-features) - - [๐Ÿš€ Live Demo](#live-demo) - [๐Ÿ’ป Getting Started](#getting-started) - [Setup](#setup) - [Prerequisites](#prerequisites) - [Install](#install) - [Usage](#usage) - [Run tests](#run-tests) - - [Deployment](#triangular_flag_on_post-deployment) - [๐Ÿ‘ฅ Authors](#authors) - [๐Ÿ”ญ Future Features](#future-features) - [๐Ÿค Contributing](#contributing) - [โญ๏ธ Show your support](#support) - [๐Ÿ™ Acknowledgements](#acknowledgements) -- [โ“ FAQ (OPTIONAL)](#faq) - [๐Ÿ“ License](#license) @@ -67,16 +59,6 @@ - [ ] **Project set up** -

(back to top)

- - - -## ๐Ÿš€ Live Demo - - **Coming soon** - -

(back to top)

- ## ๐Ÿ’ป Getting Started @@ -100,19 +82,21 @@ Clone this repository to your desired folder: ### Install -To install linter run the following command: +To install run the following command: -`npm install --save-dev hint@7.x ` +`npm install ` ### Usage -To run the project click the run button on your VScode. +To start the project run the following command: + +`npm start ` ### Run tests To run tests, run the following command: -`npx stylelint "**/*.{css,scss}"` +`npm test`

(back to top)

From de88d82d94d7a5d6aaf5d5405a47d519450156f8 Mon Sep 17 00:00:00 2001 From: Kevin Toro Date: Tue, 28 Mar 2023 18:36:12 +0300 Subject: [PATCH 11/23] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f659639..ff2b586 100644 --- a/README.md +++ b/README.md @@ -25,7 +25,7 @@ # ๐Ÿ“– **Math Magicians** -**Leaderboard** is a react single web page application that displays a calculator and that can be used by users to perform simple calculations +**Math Magicians** is a react single web page application that displays a calculator and that can be used by users to perform simple calculations ## ๐Ÿ›  Built With Html From 04a8d6b08b020426c8867347280f360cec4bda4a Mon Sep 17 00:00:00 2001 From: torobucci Date: Tue, 28 Mar 2023 18:39:44 +0300 Subject: [PATCH 12/23] update style.css --- src/style.css | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/style.css b/src/style.css index ac97eed..da96cb9 100644 --- a/src/style.css +++ b/src/style.css @@ -41,8 +41,6 @@ input:focus { border-radius: 5px; cursor: pointer; border: none; - grid-column: auto; - grid-row: auto; } .button:hover { From ae3a3d417501a8a07547b298b3dc2ce8c6cac15a Mon Sep 17 00:00:00 2001 From: Kevin Toro Date: Tue, 28 Mar 2023 18:45:31 +0300 Subject: [PATCH 13/23] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index ff2b586..0cfa071 100644 --- a/README.md +++ b/README.md @@ -76,7 +76,7 @@ Web browser eg. chrome ### Setup Clone this repository to your desired folder: - cd hello-world + git clone https://github.com/torobucci/math-magicians.git From 9794b66b57ecce5b7f18a46c090e922ef4e3a546 Mon Sep 17 00:00:00 2001 From: Kevin Toro Date: Tue, 28 Mar 2023 18:48:38 +0300 Subject: [PATCH 14/23] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 0cfa071..0a168a7 100644 --- a/README.md +++ b/README.md @@ -76,7 +76,7 @@ Web browser eg. chrome ### Setup Clone this repository to your desired folder: - + git clone https://github.com/torobucci/math-magicians.git From 34103d497f84146135d5a2117c37664e728a08eb Mon Sep 17 00:00:00 2001 From: torobucci Date: Tue, 28 Mar 2023 18:55:44 +0300 Subject: [PATCH 15/23] edit html title --- public/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/public/index.html b/public/index.html index 05dc5ce..9dbc597 100644 --- a/public/index.html +++ b/public/index.html @@ -24,7 +24,7 @@ work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> - React App + Calculator App From ad70e2b3c4e0c8ed3bbd64f040540dea913a9a64 Mon Sep 17 00:00:00 2001 From: torobucci Date: Tue, 28 Mar 2023 23:26:34 +0300 Subject: [PATCH 16/23] make changes required --- README.md | 37 ++++++++++++++++++------------------ src/{components => }/App.js | 2 +- src/components/Buttons.js | 26 +++++++++++++++++++++++++ src/components/calculator.js | 22 +++------------------ src/index.js | 2 +- src/style.css | 21 ++++++++++---------- 6 files changed, 61 insertions(+), 49 deletions(-) rename src/{components => }/App.js (69%) create mode 100644 src/components/Buttons.js diff --git a/README.md b/README.md index 0a168a7..4241feb 100644 --- a/README.md +++ b/README.md @@ -3,22 +3,23 @@ # ๐Ÿ“— Table of Contents -- [๐Ÿ“– About the Project](#about-project) - - [๐Ÿ›  Built With](#built-with) - - [Tech Stack](#tech-stack) - - [Key Features](#key-features) -- [๐Ÿ’ป Getting Started](#getting-started) - - [Setup](#setup) - - [Prerequisites](#prerequisites) - - [Install](#install) - - [Usage](#usage) - - [Run tests](#run-tests) -- [๐Ÿ‘ฅ Authors](#authors) -- [๐Ÿ”ญ Future Features](#future-features) -- [๐Ÿค Contributing](#contributing) -- [โญ๏ธ Show your support](#support) -- [๐Ÿ™ Acknowledgements](#acknowledgements) -- [๐Ÿ“ License](#license) +- [๐Ÿ“— Table of Contents](#-table-of-contents) +- [๐Ÿ“– **Math Magicians** ](#-math-magicians-) + - [๐Ÿ›  Built With ](#-built-with-) + - [Tech Stack ](#tech-stack-) + - [Key Features ](#key-features-) + - [๐Ÿ’ป Getting Started ](#-getting-started-) + - [Prerequisites](#prerequisites) + - [Setup](#setup) + - [Install](#install) + - [Usage](#usage) + - [Run tests](#run-tests) + - [๐Ÿ‘ฅ Author Kevin Toro](#-author-kevin-toro) + - [๐Ÿ”ญ Future Features ](#-future-features-) + - [๐Ÿค Contributing ](#-contributing-) + - [โญ๏ธ Show your support ](#๏ธ-show-your-support-) + - [๐Ÿ™ Acknowledgments ](#-acknowledgments-) + - [๐Ÿ“ License ](#-license-) @@ -127,7 +128,7 @@ To run tests, run the following command: Contributions, issues, and feature requests are welcome! -Feel free to check the [math-magicians](https://github.com/torobucci/math-magicians.git). +Feel free to check the [math-magicians](https://github.com/torobucci/math-magicians/issues).

(back to top)

@@ -143,7 +144,7 @@ If you like this project hit the star button on our github repo ## ๐Ÿ™ Acknowledgments -I would like to thank the Lets Code team that hepled us in every problem we had. +I would like to thank Microverseinc organization for designing the project

(back to top)

diff --git a/src/components/App.js b/src/App.js similarity index 69% rename from src/components/App.js rename to src/App.js index a089f17..bffb428 100644 --- a/src/components/App.js +++ b/src/App.js @@ -1,4 +1,4 @@ -import Calculator from './calculator'; +import Calculator from './components/Calculator'; function App() { return ( diff --git a/src/components/Buttons.js b/src/components/Buttons.js new file mode 100644 index 0000000..7aff110 --- /dev/null +++ b/src/components/Buttons.js @@ -0,0 +1,26 @@ +function Buttons() { + return ( + <> + + + + + + + + + + + + + + + + + + + + + ); +} +export default Buttons; diff --git a/src/components/calculator.js b/src/components/calculator.js index 8b171e2..b549493 100644 --- a/src/components/calculator.js +++ b/src/components/calculator.js @@ -1,26 +1,10 @@ +import Buttons from './Buttons'; + function Calculator() { return (
- - - - - - - - - - - - - - - - - - - +
); } diff --git a/src/index.js b/src/index.js index f715471..c109f1e 100644 --- a/src/index.js +++ b/src/index.js @@ -1,7 +1,7 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import './style.css'; -import App from './components/App'; +import App from './App'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( diff --git a/src/style.css b/src/style.css index da96cb9..70082db 100644 --- a/src/style.css +++ b/src/style.css @@ -4,11 +4,11 @@ body { } .calculator { - width: 50vw; + width: 35vw; margin: 12vh auto; - background-color: #e6e1e1; - border-radius: 10px; - padding: 4px; + background-color: #d4cfcf; + border-radius: 3px; + padding: 2px 4px; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 2px; @@ -16,13 +16,14 @@ body { .input { grid-column: 1 / span 4; - background-color: #646161; + background-color: #6b6974; font-size: 26px; color: white; padding: 20px 5px; - border-radius: 5px; - height: 20%; + border-radius: 2px; + height: 30%; border: none; + margin-bottom: -14px; } input:focus { @@ -37,14 +38,14 @@ input:focus { .button { height: 10vh; font-size: 1.5rem; - background-color: #eee; - border-radius: 5px; + background-color: #e6dfdf; + border-radius: 2px; cursor: pointer; border: none; } .button:hover { - background-color: #ccc; + background-color: #faf5f5; } .button:active { From e6d54f5d9cfef3c6efbad15c49f5941a2d924f42 Mon Sep 17 00:00:00 2001 From: torobucci Date: Tue, 28 Mar 2023 23:33:40 +0300 Subject: [PATCH 17/23] fix linter error --- src/style.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/style.css b/src/style.css index 70082db..8029d11 100644 --- a/src/style.css +++ b/src/style.css @@ -53,8 +53,7 @@ input:focus { } .button.operator { - background-color: #f2a05c; - color: #fff; + background-color: #ee9954; } .button.operator:hover { From 08a3bb2038a58fa53f02aa515e3b6bf85fc67afb Mon Sep 17 00:00:00 2001 From: torobucci Date: Tue, 28 Mar 2023 23:44:11 +0300 Subject: [PATCH 18/23] fix linter error --- src/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/style.css b/src/style.css index 8029d11..0614861 100644 --- a/src/style.css +++ b/src/style.css @@ -57,7 +57,7 @@ input:focus { } .button.operator:hover { - background-color: #d28c4d; + background-color: #ee7d1b; } .button.operator:active { From ddd7850a9118f8b4864c38263e6ac4b61f0dcdbb Mon Sep 17 00:00:00 2001 From: torobucci Date: Wed, 29 Mar 2023 00:01:10 +0300 Subject: [PATCH 19/23] rename components --- src/App.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/App.js b/src/App.js index bffb428..944d99a 100644 --- a/src/App.js +++ b/src/App.js @@ -1,4 +1,4 @@ -import Calculator from './components/Calculator'; +import Calculator from './Components/calculator'; function App() { return ( From f54908bbf2b8965ab3eeeef6714e831118a1e0a0 Mon Sep 17 00:00:00 2001 From: torobucci Date: Wed, 29 Mar 2023 00:01:40 +0300 Subject: [PATCH 20/23] rename components --- src/App.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/App.js b/src/App.js index 944d99a..3356032 100644 --- a/src/App.js +++ b/src/App.js @@ -1,4 +1,4 @@ -import Calculator from './Components/calculator'; +import Calculator from './Components/Calculator'; function App() { return ( From 5d68012e28202f243e37c074b4dc21ba0f5d2e06 Mon Sep 17 00:00:00 2001 From: torobucci Date: Wed, 29 Mar 2023 00:09:58 +0300 Subject: [PATCH 21/23] fix linter error --- src/App.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/App.js b/src/App.js index 3356032..bffb428 100644 --- a/src/App.js +++ b/src/App.js @@ -1,4 +1,4 @@ -import Calculator from './Components/Calculator'; +import Calculator from './components/Calculator'; function App() { return ( From 53d2d0c79bc83688640806146d3ed0642733f357 Mon Sep 17 00:00:00 2001 From: torobucci Date: Wed, 29 Mar 2023 00:23:11 +0300 Subject: [PATCH 22/23] fix errors --- src/App.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/App.js b/src/App.js index bffb428..a1da7c2 100644 --- a/src/App.js +++ b/src/App.js @@ -1,4 +1,4 @@ -import Calculator from './components/Calculator'; +import Calculator from './components/Calculator'; /* disable */ function App() { return ( From 7ba9072d5655ab6820715e8e3a29a3689c14e9e2 Mon Sep 17 00:00:00 2001 From: torobucci Date: Wed, 29 Mar 2023 09:38:02 +0300 Subject: [PATCH 23/23] fix linter error --- src/App.js | 4 ++-- src/components/{calculator.js => DisplayCalculator.js} | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) rename src/components/{calculator.js => DisplayCalculator.js} (73%) diff --git a/src/App.js b/src/App.js index a1da7c2..ab3a1ef 100644 --- a/src/App.js +++ b/src/App.js @@ -1,9 +1,9 @@ -import Calculator from './components/Calculator'; /* disable */ +import DisplayCalculator from './components/DisplayCalculator'; function App() { return (
- +
); } diff --git a/src/components/calculator.js b/src/components/DisplayCalculator.js similarity index 73% rename from src/components/calculator.js rename to src/components/DisplayCalculator.js index b549493..0e0d165 100644 --- a/src/components/calculator.js +++ b/src/components/DisplayCalculator.js @@ -1,6 +1,6 @@ import Buttons from './Buttons'; -function Calculator() { +function DisplayCalculator() { return (
@@ -8,4 +8,4 @@ function Calculator() {
); } -export default Calculator; +export default DisplayCalculator;