7103–Tweet Composer

Media Files

No media files provided.

Project Submission

+ Submit Assignment

Your submissions


We want to render the following student list by using ReactJS library.

The progress bar turns yellow when reached 130+ characters. It turns into red when reached 140+ characters.


  • Try to use ReactDOM to render the view.
  • You need to define your own data structure.
  • You will need to divide the HTML code into different React Component.

Submission guideline

  • If you use codepen with Babel for the exercise, please submit the URL.
  • If you work on files, you may upload them in the submission form through zip or files.

Marking scheme