notes.md

Important Notes

Note to self

Tailwindcss media query phone portrait is smaller than sm query so use mobile first design concept
sm: is for phone landscape
md: above phone landscape

color scheme

font: blue shade from #2DCBF6 to #2170F4

what's so special (for fyp report)

• Secure communication (using token instead of unencrypted data)
• Customised layout depending on role
• Progressive Web App (Responsive)
  • Auto received update (OTA) and prompt user to update the app

Filter Generator

https://codepen.io/sosuke/pen/Pjoqqp?__cf_chl_jschl_tk__=a3daf962d32c9077f30de11d9081ba85e525be17-1584092724-0-AQQYPMLlxSVWr9GUmkUjYk2Qm9aTBb8Lkk5timAm2V0j8B5ME81ufiUF3JBiBvF7Vw2WSu4dyzns1h0WZGzRqwg6qp-oBlD9qBZDhoRHZc5RRXQqJT9thMkcC7dqsr4jCvCo0JibIAgwjTCHvDhba9G7qXwWC5XipGWiPhzQH9QkHzd1IZHY3BpVkv_QnjHjt2j-pb4mG52B-Zd1Vxw9Nb3utQf3ca_DOqfthsoLrUQUa6t0HnztTcLn_9zgOy8UozJZPGB_RAJ4ebvwGRwBulMiWBFK1ohlyVshR67SioNr0I2mGvSkvtqq2pkVqkSP-lvHWMfL99Fgm3tFg9F14LO_L6yCY1EtZofssWIDSxjg

Nav

Home
⁃ club carousell (lead to club summary page)
⁃ event (lead to event summary page)
⁃ search people (lead to profile page)

My circle
⁃ Mentors
⁃ Students
⁃ Senior buddy
⁃ Junior buddy

Calendar of events
⁃ click to list events (lead to event summary page)

Chat
⁃ list of people (lead to individual chat)

Me
⁃ profile and update pics
⁃ about
⁃ events management (participated events/interested events/favorite events)
⁃ statistics
⁃ Change password / log out / update app