wdi-red-coral / warmup-week_08-day_01-React-State-Practice

React State Practice

Create a react app that displays all the student names, where the following happens:

• if you click on a name it turns red, and the message I am the mighty _student_name, How dare you touch me!!? is displayed under it

• if you right click on a name it turns blue, and the message Stop. Poking. Around!! is displayed under it

• if you double click a name it turns green, and the message STOP IT!!! is displayed under it

  • the message STOP IT!!! disappears after a second and the name goes back to black

 const students = [
      "Salha",
      "Ahmed",
      "Norah",
      "Haneen",
      "Nuwayyir",
      "maha",
      "amany",
      "Asmaa",
      "Salman",
      "saeed",
      "Danyah",
      "Omar",
      "Jawaher",
      "Mashael",
      "Nader",
      "Samah",
      "Sumayah",
      "Huda",
      "omar",
      "Dhaffaf",
      "Abdulrhman",
      "Taha",
      "Nashaat",
      "Wijdan",
      "Lamar"
    ];