Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Layout Challenge

Layout Challenge

Create the layout attached below, using your preferred styling method (React or React Native). It does not need to be functional, rather concentrate on getting it as close to the design as possible.

layout

Branding

Branding guides, colors and icons, can be downloaded here

Font:

The font style is Roboto it can be downloaded here

Data:

sample data

User data:

{
  "id": "5e81132169df12c084d23703",
  "firstName": "Holger",
  "lastName": "Ballweg",
  "completionRate": 23
}

Event data:

{
  "name": "UPFRONT Conference 2020",
  "date": "2020-04-12T18:30:00.000Z",
  "address": {
    "street": "Bridgewater",
    "city": "Manchester"
  },
  "total_attendees": 29,
  "users_attending": 18,
  "companies_attendees": 11
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment