solvioapp / amos-web Goto Github PK

Structure:
As for reviews, we currently have (each point is a screen)
Authenticated:

links
topics
learning requirements

Not authenticated:

review
links
topics
learning requirements

• configure stage server
• configure CI (auto deployment from develop branch)

• Navigation
  Ideally should be as wireframes on desktop & tablet. And as tabs on bottom of screen on mobile (like Spotify).
• Single-column screens
• Multi-column screens
  On mobile (and tablet?) they will be one column ofc

Things that I need help with on the frontEnd:

• Forgot password link (see Zeplin)
• rename Notifications to Profile and add text:
  • "Unfortunately I can't show your profile just yet."
  • "Don't leave there's work to do 🧐"
  • Logout button
• Make Review screen like in Zeplin
  • Maybe

I think we should have:
/ - Search view (slightly different for auth & Nauth)
/signup - (Nauth only)
/signup/email (Nauth only)
/login (Nauth only)
/notifications (Auth only)

(Screens that are auth or Nath only should redirect to / if user is authed/nauthed)

As for reviews, we currently have (each point is a screen)
Authenticated:

• links
• topics
• learning requirements

Not authenticated:

• review
• links
• topics
• learning requirements

I.e. we have one ‘introductory’ screen for not authenticated users. I think the best is

/review - if authed, it will redirect to review/links
/review/links - slightly different authed/nauthed
review/topics
review/requirements

Not their own routes:
signup success
review success (slightly different for auth/Nauthed)

Things that I need help with on the frontEnd:

• Forgot password link (see Zeplin)
• rename Notifications to Profile and add text:
  • "Unfortunately I can't show your profile just yet."
  • "Don't leave there's work to do 🧐"
  • callToAction: 'Log out' Button
• Make Review screen like in Zeplin
  • [Optional] Perform validation on URL with avatar-less AmosChat
    • "That doesn't seem to be a valid link?"
  • When a link/topic/prerequisite is added, add a new input/input/input set below (respectively)
  • Rename learningRequirements -> Prerequisites
  • Auto-complete for Topics and Prerequisites (same endpoint)
  • Checkmark on autocomplete validation
  • Radio buttons
    • I copied some code from https://codepen.io/ainalem/pen/QzogPe but it is very messy
• Mobile responsiveness
• Logic: state/mockAPI/real API
• Deploy (talk to @anistark )

That's it! I and John might be able to help out too!