lindseyindev / take-home-assignment

This is the take home assignment that Collabies will complete before the technical review for Career Lab.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Career Lab | Take-Home Assignment

This is the take home assignment that Collabies will complete before the technical review for Career Lab.

Please fork this repo, complete the assignment, and once you are finished, send a link to your repo to the Collab Lab mentor that will be conducting your technical interview.


How to run this project on your computer

  1. Fork this repo. Fork button on Github
  2. Clone your fork to your local machine: git clone <url of your repo> Repo URL for cloning on Github
  3. In the project directory, run npm install && npm start
  4. Open the project at localhost:3000

Exercise: Formatting text

This repo is the source code for a React app that takes a string of text and converts it into either all-lowercase or all-uppercase characters. The UI has been implemented, including some basic styling, but the functionality is only partially implememted.

Screenshot of the text converter app, showing a textarea, some radios, amd am output region

Your task is to write the logic that actually converts the provided text into uppercase or lowercase. You will only need to modify App.js to complete this task. You may not use any third-party libraries to complete this task.

You may add tests to cover your code, but this is completely optional. You may use a third-party testing library of your choice to implement your tests.

Expected behavior

If the app were given the following as input:

This is some text.

Submitting the form with the "Convert text to uppercase" radio selected should output the following:

THIS IS SOME TEXT.

Submitting the form with the "Convert text to lowercase" radio selected should output the following:

this is some text.

How your code will be evaluated

Your code will be evaluated on three criteria:

  • Correctness: Does it follow all the instructions?
  • Code quality: Is it readable and well structured?
  • Idiomatic code style: Does it follow the stylistic conventions of the language, such as indentation and capitalization?

Come to your technical interview ready to talk about this app and the code you wrote for it. Do your best, and happy coding!

About

This is the take home assignment that Collabies will complete before the technical review for Career Lab.


Languages

Language:JavaScript 50.0%Language:HTML 25.5%Language:CSS 24.6%