kyoung3212 / pricespider_front_end_challenge

DEMO: http://pricespider.kevin-young.us/

Jr Front End Software Engineer Coding Challenge - Kevin Young

Assigned 1/11/19 (Weekend Assignment) Built the application using React.JS, with it being one of the most popular current frameworks. Did not use any inline styles; used external CSS style sheet

Setup Instructions

1. Fork this repo
2. Clone your forked copy of this repo
   • git clone https://github.com/KYoung3212/pricespider_front_end_challenge.git
3. Change directory into the newly cloned repo
   • cd pricespider_front_end_challenge
4. Install dependencies
   • npm install
5. Start dev server
   • npm start
6. Open a browser and navigate to localhost:3000. You should see a page that displays the Star Wars movie list with an R2D2 background. The Star Wars Movie List should have clickable movie titles, which are greyed out when marked as watched, with the final movie (Episode IX) being unclickable. The most recent added feature was the light saber pointer on hover of a movie title.

Bundle For Deployment

1. Run webpack to bundle files
   • npm run bundle

NOTE: After bundling you can not directly run your app locally. You must run your app from the root directory of a server.

================

Jr Front End Software Engineer

Hello there,

For this programming challenge please create a web page that contains the following:

A movie checklist that is vertically and horizontally centered on a page with the following list of items:

• Star Wars Episode IV – A New Hope
• Star Wars Episode V – The Empire Strikes Back
• Star Wars Episode VI – Return of the Jedi
• Star Wars Episode I – The Phantom Menace
• Star Wars Episode II – Attack of the Clones
• Star Wars Episode III – Revenge of the Sith
• Star Wars Episode VII – The Force Awakens

If any of above checklist items is checked then the text must be grayed out Add the following checklist item that is not editable:

• Star Wars Episode IX

To build this web page use current framework technologies and inline styles are prohibited.

If there are any questions, feel free to contact the recruiter.

Senior Front End Software Engineer

Hello there,

For this programming challenge please create a web page that contains the following:

Ability to create a category list with color keys

• Display 8 buttons that represent each of the colors you can assign to a category
  • Choose any 8 colors of your liking
• Under the 8 buttons add a textbox which will allow users to enter a name for a category
  • When the user presses enter or clicks on the add button, the category is added to a list below the text box
    • Textbox is cleared
    • Color for this new category is now disabled
    • Add button is disabled or enter key press is ignored if no color is selected and no text is in the textbox

Category List

• Create a list that displays the color categories that a user has created
  • Each row will contain the color and name given to that category
• Add the ability to remove the category
  • Re-enable color button for that category

To build this web page use current framework technologies, inline styles are prohibited, make it persistent on the client side, and the page must be cross browser compatible for IE 11,Firefox, and Chrome.

If there are any questions, feel free to contact the recruiter.