diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml deleted file mode 100644 index 03d9549..0000000 --- a/.idea/inspectionProfiles/Project_Default.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - \ No newline at end of file diff --git a/.idea/jsLinters/eslint.xml b/.idea/jsLinters/eslint.xml deleted file mode 100644 index 541945b..0000000 --- a/.idea/jsLinters/eslint.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - \ No newline at end of file diff --git a/README.md b/README.md index 7cbfc37..745ffcb 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,45 @@

-> Web App that convert binary values into decimal. +> A React Web App that convert binary values into decimal. + +### 🏠 [Homepage](https://bin2dec-lucasvbr.vercel.app/) + + + preview picture + + +## Description + +Binary is the number system all digital computers are based on. +Therefore, it's important for developers to understand binary, or base 2, +mathematics. The purpose of Bin2Dec is to provide practice and +understanding of how binary calculations. + +Bin2Dec allows the user to enter strings of up to 8 binary digits, 0's +and 1's, in any sequence and then displays its decimal equivalent. + +This challenge requires that the developer implementing it follow these +constraints: + +- Arrays may not be used to contain the binary digits entered by the user +- Determining the decimal equivalent of a particular binary digit in the + sequence must be calculated using a single mathematical function, for + example the natural logarithm. It's up to you to figure out which function + to use. + +#### User Stories + +- [X] User can enter up to 8 binary digits in one input field +- [ ] User must be notified if anything other than a 0 or 1 was entered +- [X] User views the results in a single output field containing the decimal ( + base 10) equivalent of the binary number that was entered + +#### Bonus features + +- [X] User can enter a variable number of binary digits + +
From app-ideas/Bin2Dec-App
## Author @@ -19,6 +57,10 @@ Give a ⭐️ if this project helped you! +## 📊 Project Stats + +![Alt](https://repobeats.axiom.co/api/embed/4ab92d78f05d08af5b5995b886eb2ca7803cbc7f.svg "Repobeats analytics image") + ## 📝 License Copyright © 2022 [LucasVbr](https://github.com/LucasVbr).
diff --git a/bin2dec b/bin2dec new file mode 160000 index 0000000..3fdebb6 --- /dev/null +++ b/bin2dec @@ -0,0 +1 @@ +Subproject commit 3fdebb67cff4bd5218a5049d374e1d9d7d20399c diff --git a/preview.png b/preview.png new file mode 100644 index 0000000..41f9c37 Binary files /dev/null and b/preview.png differ diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png new file mode 100644 index 0000000..9befe4e Binary files /dev/null and b/public/android-chrome-192x192.png differ diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png new file mode 100644 index 0000000..d399569 Binary files /dev/null and b/public/android-chrome-512x512.png differ diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png new file mode 100644 index 0000000..9854c88 Binary files /dev/null and b/public/apple-touch-icon.png differ diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png new file mode 100644 index 0000000..cc09530 Binary files /dev/null and b/public/favicon-16x16.png differ diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png new file mode 100644 index 0000000..cc633de Binary files /dev/null and b/public/favicon-32x32.png differ diff --git a/public/favicon.ico b/public/favicon.ico index a11777c..81a8f79 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/public/index.html b/public/index.html index aa069f2..fac92f0 100644 --- a/public/index.html +++ b/public/index.html @@ -9,7 +9,7 @@ name="description" content="Web site created using create-react-app" /> - + - React App + Bin 2 Dec diff --git a/public/logo192.png b/public/logo192.png deleted file mode 100644 index fc44b0a..0000000 Binary files a/public/logo192.png and /dev/null differ diff --git a/public/logo512.png b/public/logo512.png deleted file mode 100644 index a4e47a6..0000000 Binary files a/public/logo512.png and /dev/null differ diff --git a/public/manifest.json b/public/manifest.json index 080d6c7..54cb5e8 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -1,25 +1,19 @@ { - "short_name": "React App", - "name": "Create React App Sample", + "name": "Binary to Decimal", + "short_name": "Bin2Dec", "icons": [ { - "src": "favicon.ico", - "sizes": "64x64 32x32 24x24 16x16", - "type": "image/x-icon" + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" }, { - "src": "logo192.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "logo512.png", - "type": "image/png", - "sizes": "512x512" + "src": "/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" } ], - "start_url": ".", - "display": "standalone", - "theme_color": "#000000", - "background_color": "#ffffff" -} + "theme_color": "#ffffff", + "background_color": "#ffffff", + "display": "standalone" +} \ No newline at end of file diff --git a/src/assets/logo.svg b/src/assets/logo.svg deleted file mode 100644 index 9dfc1c0..0000000 --- a/src/assets/logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/components/Content.tsx b/src/components/Content.tsx index 6231537..b3931d1 100644 --- a/src/components/Content.tsx +++ b/src/components/Content.tsx @@ -1,6 +1,6 @@ import React, {useState} from 'react'; -import {Flex, Input, Text} from '@chakra-ui/react'; -import {ArrowDownIcon} from '@chakra-ui/icons'; +import {Flex, Input} from '@chakra-ui/react'; +import {ArrowDownIcon, ArrowForwardIcon} from '@chakra-ui/icons'; export default function Content() { // States @@ -33,10 +33,24 @@ export default function Content() { // Render return ( - - - - {output} + + + + + + + ); } \ No newline at end of file diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index c59f1a4..0ad3dc3 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -5,7 +5,7 @@ export default function Footer() { - See code on GitHub + See code on GitHub );