https://github.com/blackmann/js-react-frontend-test

https://github.com/blackmann/js-react-frontend-test

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/blackmann/js-react-frontend-test
• Owner: blackmann
• Created: 2022-06-03T11:12:03.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-07-05T21:19:40.000Z (over 2 years ago)
• Last Synced: 2024-10-15T03:05:25.774Z (3 months ago)
• Language: JavaScript
• Size: 1.61 MB
• Stars: 0
• Watchers: 2
• Forks: 6
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# js-react-frontend-test

In this test, you're required to regroup the schedule activities based on the following criteria:

- Group events for the current week. Separate the activities under following titles

    - Today

    - Tomorrow

    - The rest should follow the format like: Thu, May 30, Fri, May 31, ... until the week ends. Rely on `dayjs` to help

      get end of week (based on locale).

  _For activities in this group, only show the time (with the instructor) in the footer._

- Group events for the following (1) week with the title "Next week"

    - Show the day, date and instructor (Mon, May 5 • Instructor)

- Group events for the rest of the days after the following week all into one.

    - Show just date and instructor

    - Only display up to 5 activities (if even activities under this are more than 5)

- Only display a group of activities when there's at least one activity in it.

- Only activities from today onwards are provided. _Do not worry about yesterday_.

- NOTE: All activities have to be sorted in ascending order

## Expected grouping visualization

- Today

    - Activity 1

    - Activity 2

- Tomorrow

    - Activity 3

- Fri, 30 May

    - Activity 4

    - Activity 5

    - Activity 6

- Sun, 1 Jun

    - Activity 7

- Next week

    - Activity 8

    - Activity 9

    - Activity 10

    - Activity 11

- In future <- Here goes the rest

    - Activity ...

    - Activity ...

![Preview of results](public/preview.png)

## References:

MDN: https://developer.mozilla.org/en-US/

React: https://reactjs.org

Dayjs: https://day.js.org/docs/en/