corinm / jet-lag Goto Github PK

• Once both timezones are known, display a timeline of the user's journey
• Consider using ant.design <Timeline /> component
• Fix bug where after a timezone is present, changing the date picker causes date to change to destination TZ

• Displays correctly on an iphone 6s
• UI components are mostly usable on iphone 6s

Flight: NY 2020/02/10 23:00 -> Lon 2020/02/10 11:00
Duration should be 7 hours 0 minutes
Duration shown is 6 hours 59 minutes

• Date picker is easy to use on mobile
• Time picker is easy to use on mobile

• Given a specific city, find out the timezone
• Display timezones to user once a place has been selected
• Use hardcoded timestamp and ignore variation in time zone by date for now (e.g. DST/BST in the UK)

Server-side functionality: https://github.com/corinm/jet-lag-server/pull/2

• The user should be able to search for departure and destination cities
• Searching should be done as the user types
• Debounce the search so it isn't wasteful
• Work with real place search (server functionality)
• To avoid ambiguity it may be necessary to show state and/or country information too

Server-side functionality: https://github.com/corinm/jet-lag-server/pull/1

• Get repo working with github pages

• Ability to show any text in different languages
• Take into account user's browser's timezone

• While data is loading use Suspense to display a loader

Depart from NY at 23:00 arrive London 11:00:
Renders as:
NY: 18:00 -> 06:00
London: 23:00 -> 11:00

Should be:
NY: 23:00 -> 06:00
London: 06:00 -> 11:00

Depart Lon at 11:00 arrive Las Vegas at 15:00:
Should render as:
London: 11:00 -> 23:00
Las Vegas: 07:00 -> 15:00

• Update client readme
• Update server repo

• Style the application so it looks less default ant.design
• Find a way of theming so that styles can be easily updated
• Learning opportunity: Use something other than styled-components
• Custom 'dot's for take off and landing

• Display loader for city loading
• Display loader for timezone loading

• Add in date picker so that user can select date of flight
• Generate timestamp from date
• Use timestamp to fetch timeone

Server-side changes: https://github.com/corinm/jet-lag-server/pull/4