7102–Weather Forecast

Media Files

No media files provided.

Project Submission

+ Submit Assignment

Your submissions


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


  • 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.


You may find the CSS here:

a.sample-city {
  margin: 0.3em;
  text-decoration: underline;
  cursor: pointer;

/* Non-related styles. Just to make the example looks nicer. */

body {
  background: #fcfaf9;
  color: #234;
  padding: 2em 3em;
  font-size: 16px;
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
strong {
  font-weight: 400;
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;

Marking scheme