rockettown1/coffee-react-challenge

Bug fixing and feature addition challenge I give to junior devs at Code Nation

This project is a bug fixing/feature addition challenge for Code Nation students.

Click on the issues tab at the top of this repo to see current issues

Students will need to fork this repo and clone it to their machine.

coffee-react-challenge's Issues

bug fix: Names should be shown in uppercase

The name of the person ordering coffee should be shown in uppercase letters in the app.

Remember the string method for doing that. But where to use it?

CSS: Use the lacquer font

Use the lacquer font (available from Google fonts) for all text in the app

Tidy: Abstract to a separate component

Move the div at the bottom of the app.js file (completed-orders) to it's own component, in it's own file.

Import it and render it so the app still works as intended.

Feature: add the ability to ask for a coffee size

Implement a feature which will ask for a coffee size.

You can decide what type of input you use, whether its text, a slider, radio buttons etc

Feature: add the ability to delete an order

Add an icon, which when clicked, will delete an order from the order list.

CSS: add main styling

Your boss has said the app needs better styling. But has left it to you to make it look better.

Decide on a design and make it a bit more appealing to users.

Feature: payment roulette

Add a feature which will randomly select a person from the list of people who have made orders.

Display this persons name on the app.