Event list

[emjose]

Description

Related Issue: #3 (rallies and newest updates section)

• I came across this Hack Club Youtube video about building an event page on Next.js.
  • I have not watched the video in its entirety, but their build is a possible path to follow:
  • Hack Club Event Live Site (styled slightly differently now than in the video)
  • Hack Club Event Repo
  • Hack Club Event API

• A preliminary database of AAPI events was set up, based on searches on eventbrite.com and google.com.
  • Due to AAPI Heritage Month now ending, there is a lack of information about upcoming AAPI rallies.
  • The majority of relevant events that came up are art-related, and a wider diversity of events are needed.
  • Dates and times are in ISO 8601 extended format for international standardization, following the pattern of the Hack Club Event API.
  • Dates and times have time zone indicated, for example -04:00 for EDT time, -07:00 for PDT time.
  • The ISO 8601 week format has been added in comments in case we need the week numbers.
  • We may not need dates and times in ISO 8601 format at all depending on our needs.

• ISO 8601 extended format syntax

  • Unformatted Date and Time: June 1, 2021, 11:00 am, EDT
  • ISO 8601 extended format: 2021-06-01T11:00:00-04:00
  • ISO 8601 with week number: '2021-W22-2T11:00:00-04:00'

• Breakdown:

  • YYYY-MM-DDTHH:mm:ss.sssZ
  • YYYY: year
  • MM: month (1 to 12)
  • DD: date (1 to 31)
  • HH: hour in 24-hour format (0 to 23)
  • mm: minutes (0 to 59)
  • ss: seconds (00 to 59)
  • sss: milliseconds (0 to 999, this was omitted as the dencode.com site in the resources never included milliseconds)
  • T is used to separate the date and time in the string.
  • If Z is present, the time is assumed to be in UTC. Otherwise, it assumes the local time.
  • However, if T and Z are not present, the string’s created date may give different results in different browsers.
  • In the above case, to always have the same timezone for the date, add +HH:mm or -HH:mm to the end.
  • If an event has no time/TBD, the default start is 12:00 am and the default end is 11:59 pm.
  • Most, but not all, events are in Eastern Time, so time zone is always indicated for each event.

• ISO 8601 Week Format

  • If ISO 8601 week format is in use, and W is present, "W(#)" is the week number.
  • The number before "T" is Day (#) of that week, starting from Monday and ending on Sunday.
  • In the week format example, June 1, 2021 falls on a Tuesday, so it is Day 2 of that week.

• Event Attributes
  • Category is optional. Types are currently art, rally, aapi businesses,food, safety, lgbtq, festival, virtual, awards.
  • Image is optional. Dimensions are 800 x 800 pixels in 1:1 square aspect ratio.

Resources:

• ISO 8601 explanation 1: https://css-tricks.com/everything-you-need-to-know-about-date-in-javascript/
• ISO 8601 explanation 2: https://thenextweb.com/news/how-to-manipulate-date-and-time-in-javascript
• What can ISO 8601 do for me? https://www.iso.org/iso-8601-date-and-time-format.html
• Converting date and time into ISO 8601 extended format: https://dencode.com/en/date/iso8601
• Time Zone City Search: https://www.timeanddate.com/time/zone/
• Time Zone abbreviations: https://www.timetemperature.com/abbreviations/united_states_time_zone_abbreviations.shtml

Acceptance Criteria

Acceptance Criteria:

• See 3. As a user, I want to see current and past news regarding anti-Asian incidents #3

Self-check

Please check all that apply:

• I have reviewed my code, refactored it to the best of my abilities and deleted all unnecessary code
• I have commented my code, particularly in hard-to-understand areas; my comments are concise
• I have made corresponding changes to the documentation

Type of Changes

	Type
	🐛 Bug fix
✓	✨ New feature
	🔨 Refactoring
	💯 Add tests
	🔗 Update dependencies
	📜 Docs

Updates

Before

After

N/A (no page yet)

Testing Steps / QA Criteria

• Switch to branch: git checkout event-list
• View the preliminary event database in database/EventList.js
  • \n was used primarily in the location attribute to break text into a new line.
  • Check for any typos, test out links and image links.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/waverleynyc-gmailcom/start-asian-love/BkGkqf1BE6FvdPXJ8LbVfnpszr3W
✅ Preview: https://start-asian-love-git-event-list-waverleynyc-gmailcom.vercel.app