Tier: 1-Beginner

The border-radius property can have multiple values changed. Preview how the shape looks while changing these values.

User Stories

• User can see a box which has a border-radius property applied to it
• User can change the 4 border-radius values that are applied to the box (top-left, top-right, bottom-left, bottom-right)
• User can copy the resulting CSS to the clipboard

Bonus features

• User can change all 8 possible values of the border-radius in order to create a complex shape

Useful links and resources

• CSS3 Borders
• Copy to Clipboard

Example projects

• 9elements Fancy Border Radius
• Border Radius
• CSS Gradient Border

Adapted from florinpop17/app-ideas

• Add Mongodb integration to Go Todo API implemented in #8

and promote it to project

CSV2JSON

Tier: 1-Beginner

In the JSON2CSV application you translated JSON
to a comma separated value (CSV) format. The objective of CSV2JSON is to
reverse that process by converting a block of CSV text to JSON.

In CSV2JSON you'll start by copying the JSON2CSV app you created and then
modify it to allow CSV to JSON conversion as well the JSON to CSV conversion
that's already present. In additional to providing a useful function, this
challenge will also give you practice in modifying existing applications to
add new functionality.

Constraints

• Read the user stories below carefully. Some of the functionality created
  for JSON2CSV will need to be modified.
• You may not use any libraries or packages designed to perform this type of
  conversion.
• Nested JSON structures are not supported.

User Stories

• User can paste CSV syntax into a text box
• User can click a 'Convert to JSON' button to validate the CSV text box and convert it to JSON
• User can see an warning message if the CSV text box is empty or if it doesn't contain valid CSV
• User can see the converted CSV in the JSON text box

Stories already implemented in JSON2CSV

• User can paste JSON syntax into a text box
• User can click a 'Convert to CSV' button to validate the JSON text box and convert it to CSV
• User can see an warning message if the JSON text box is empty or if it doesn't contain valid JSON
• User can click a 'Clear' button to clear the contents of both the JSON and CSV text boxes.

Bonus features

• User can enter the path to the CSV file on the local file system in a text box
• User can click a 'Open CSV' button to load file containing the CSV into the text box
• User can see a warning message if the CSV file is not found
• User can click a 'Save CSV' button to save the CSV file to the file entered in the same text box used for opening the CSV file
• User can see a warning message if the CSV text box is empty or if the save operation failed.
• User can enter the path to the JSON file on the local file system in a text box
• User can click a 'Open JSON' button to load file containing the JSON into the text box
• User can see a warning message if the JSON file is not found
• User can click a 'Save JSON' button to save the JSON file to the file entered in the same text box used for opening the JSON file
• User can see a warning message if the JSON text box is empty or if the save operation failed.

Useful links and resources

• Comma Separated Values (CSV)
• JavaScript Object Notation (JSON)
• Saving a file with pure JS
• Reading files in Javascript

Example projects

• CSV to JSON Converter
• JSV Converter

Adapted from florinpop17/app-ideas

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency @types/node to v20.16.9

Vulnerabilities

Renovate has not found any CVEs on osv.dev.

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Follow to build app: https://www.youtube.com/embed/d_L64KT3SFM

Tier: 1-Beginner

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

• 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
• User views the results in a single output field containing the decimal (base 10) equivalent of the binary number that was entered

Bonus features

• User can enter a variable number of binary digits

Useful links and resources

Binary number system

Example projects

Try not to view this until you've developed your own solution:

• Binary to decimal conversion program for beginners
• Binary to Decimal converter using React
• Binary to Decimal converter with plain html, js and css
• Binary to Decimal converter using Flutter & Dart
  • Live preview built with Flutter for Web
• Binary to Decimal converter using React
• Matrix-like Binary to Decimal converter using Angular
  • Live preview on heroku

Adapted from florinpop17/app-ideas