---
# System prepended metadata

title: WEEK 1 - PERSONALIZE LOGIN FLOW

---

# WEEK 1 - PERSONALIZE LOGIN FLOW
### *Status*: **Done**

- Questions on the **Rate your experience** card need updating to what is in figma
- I think we should hide the birthday on the sign up page for now, it is too much info and might discourage people.
- Update the "I am a" card:
	+ High school student --> prospective college student
	+ Former college student --> former college student, no degree
	+ N/A --> Other
- Remove high school/college professional

   
# WEEK 2 - REVIEWS
### *Status*: **Brandstorming**

- [x] User reviews/survey responses are housed securely in database
- Tie reviews to specific navigation tab/category for the college (review for campus life goes on campus life page, overview on overview page)
	+ `This only apply to View part or whole Review flow?`
	+ `If what you mean is to render each rating topic/question to the related category/tab, then it's easy. I only need the UI to render it out and the list of which rating goes to which page.`
	+ `But if this is about creating for each category/tab its own 'Add Review' component for the user to submit then we need the question/rating list for each category`
- Reviews analytics go on their own card
    + `We need FIGMA to visualize your idea about analytics (for example how many 5 points rating on Academics, what type of chart do you want to display...). The more details of it, the easier and faster for us to work.`
    + `For Average rating, is it by days/weeks/months?`
- Don't link review to user on overview page, leave it anonymized
    + `As I understand, you want to have a feature whereby the user can choose to be 'anonymous' when submitting reviews and on the UI, the reviewer will be shown as ANONYMOUS. But on our BE, the reviewer is still recorded. In that case, It's ok, we need UI to show Anonymous reviewer.`
- Calls to action to leave a review - pop up message to answer surveys or leave 
    + `The user need to be GRADUATED STUDENT/CURRENT STUDENT`
    + `The user must entered his/her COLLEGE NAME so we can base on that to remind him/her`
    + `Need UI for the pop up and where (Middle of the sreen, a bar in top, a floating board in right side of the screen,..) and How frequency to show that pop up?` 
- Report abuse/inappropriate comments
    + `We need develop COMMENT FLOW first`
- Tagging for reviews (users can use a hash tag)
    + `Need to be cleared about any HASHTAG related feature/business requirement so that we can find out the best method to implement it?`

---

### Mike's notes:

Tie reviews to specific navigation tab/category for the college (review for campus life goes on campus life page, overview on overview page)

==Mike:== Applies to all reviews:
- Create for each category/tab its own 'Add Review' component for the user to submit then we need the question/rating list for each category
In the tab we want to have a card for each "type" of review - 1. Overview 2. Admissions 3. Cost 4. Campus life. 
- We will start with the overview, then add the others 
- ~~Create mock ratings as placeholders that we will modify~~.
- Each page should also display the same review card for that page. 
~~- Each review card should show a preview of the reviews. This should be something like twitter or gmail does, just a line of text for each review, and then be able to sort by date. 
~~- letting users upvote/downvote reviews would be ideal. Can we do that now or should we wait? 

==Engineers:==
- [ ] **Backend** needs to create a dynamic Review whereby the questions, rating and category can be changed.
    - [ ] Implement Up/Down vote schema, modal, datatype. Ex `/${review_id}/upvote` 
- [ ] **FE** currently have the review for overview but need to make it reusable and add to each tab + integrate API.

Reviews analytics go on their own card
> We need FIGMA to visualize your idea about analytics (for example how many 5 points rating on Academics, what type of chart do you want to display...). The more details of it, the easier and faster for us to work.

==Mike:==
- I will make you some example charts of the analytics I want. We can move this to a later week since it isn't critical. I will also include the type of averages or units.  I think it will be just a few graphs that are very similar
- [ ] Mike to provide design

Don’t link review to user on overview page, leave it anonymized
> As I understand, you want to have a feature whereby the user can choose to be 'anonymous' when submitting reviews and on the UI, the reviewer will be shown as ANONYMOUS. But on our BE, the reviewer is still recorded. In that case, It's ok, we need UI to show Anonymous reviewer.

==Mike:==
- We can skip this feature, do not include at this point. 

Calls to action to leave a review - pop up message to answer surveys or leave
> The user need to be GRADUATED STUDENT/CURRENT STUDENT
The user must entered his/her COLLEGE NAME so we can base on that to remind him/her
Need UI for the pop up and where (Middle of the sreen, a bar in top, a floating board in right side of the screen,..) and How frequency to show that pop up?

==Mike:==
- This sounds good to me. 
- I would like reminders for all 4 of the review types.
- To start let's show them the popup every 3 days. So if they X out it will appear again 3 days later as a reminder. If that is too frequent then every 7 days.

==Engineers== 
- [ ] **Backend** to provide a array of review types to indicated which reviews that haven't been filled in `/me` endpoint.
- [ ] **FE** to parse the list and display a popup/floating button to open review modal.
- [ ] **Mike** to provide the design for this feature.

Report abuse/inappropriate comments
> We need develop COMMENT FLOW first

Tagging for reviews (users can use a hash tag)
>Need to be cleared about any HASHTAG related feature/business requirement so that we can find out the best method to implement it?

==Mike:==
- We need to discuss this more, skip this feature. We can discuss how to do this more. 

---

# WEEK 3 - USER PROFILE PAGE
### *Status*: **Brandstorming**

- Member Profile Page:
    + General Info (contain College)
    + (Submitted) Reviews
    + (Submitted) Surveys
    + Friend list:
        + Add friend or Follow feature (Requesting) ?
        + Accept/Deny Friend request feature ?
        + Friend list ?
        + News feed (reviews, activities...) ?
        + `In short, this is basicly Facebook which is huge with lots of works, designs, thoughts, 1-2 months is not even enough or a big team.`
        + 
        
---

### Mike's notes:

User profile page: 
General Info (contain College)
(Submitted) Reviews
(Submitted) Surveys
 
 ==Mike:==
 - Skip friend feature. THe profile page should just contain general information about their account and reviews/surveys submitted.
 ==Engineers:==
 - [ ] **BE** Implement `/profile/general`, `/reviews_by_college`, router, return all user data inclued `reviews/surveys` that they posted under colleges.

 - [ ] **FE** to create a profile page, integrate API and display the info
 - [ ] **Mike** to provide the design.

---

# WEEK 4 - COLLEGE WATCH LIST
### *Status*: **Brandstorming**

- Anyone can add colleges that interest them to a list.
    - `This is already in the sign-up flow, we need UI if you want to make a stand-a-lone feature for user to enter/update`
- lets current and alumnis make a list of colleges they have attended and create a card to display it
    - `Where do you want to display these info ? can you describe more in detail ?`

- Surveys: `Is this user's expectation ? If so, we already implement this ?!`
    + Friend
    + Academics
    + Support
    + Skills
    + Campus/Social life
    + Cost
    + Job Prospects
    + Dept


---

### Mike's notes:

College watch list
Anyone can add colleges that interest them to a list.

lets current and alumnis make a list of colleges they have attended and create a card to display it
> Where do you want to display these info ? can you describe more in detail ?

==Mike:==
- Can we display the card in the user profile page for now 


Surveys:
> Is this user's expectation ? If so, we already implement this ?!

==Mike:==
++- We have an initial survey now, but we will have other surves for friends, academics, support, skills, campus life, cost, job prospects, debt.++

---

# WEEK - 5 HOME PAGE
### *Status*: **Brandstorming**

- Colleges home page - sort results by most viewed, recently updated, top rated - today, this week/month, all time, based on overview analytics
    - `UI needed`, `overview anylytics is what ? average rating ?`
- home page should include college list card for all users
    - `What do you mean by 'college list card for all users' ? Is it a list of all colleges ?`
- home page should include surveys card for everyone, randomly select one survey to display to the user.
    - `We still don't understand what survey meaning is and what is it for. Why are we exposing personal expectation to other users ?`

---

### Mike's notes:

Colleges home page - sort results by most viewed, recently updated, top rated - today, this week/month, all time, based on overview analytics
> UI needed, overview anylytics is what ? average rating ?

==Mike:==
- yes, average rating for each of the areas on the overview survey: job prospects, courses and lectures, friends, academics, support skills
- The home page should contain a card for your college that shows recent updates
- The home page should have a card that list "nearby" or similiar colleges to your college (we'll figure out how to do this, but maybe for now we can just display other colleges in the same city/state)
- The home page should have a card that shows "recently updated" colleges, basically displays schools where reviews have been recently written. 
==Engineers:==
- [ ] **Backend** to provide the average ratings in the College Detail API
    - [ ] **Backend** create a stack (for not limit up to 10) update that stack on new reviews, create another endpoint to return top colledge based on recent review changes. Ex `/review_type/recents_updates`

- [ ] **FE** to create a card and display the average rating
- [x] **Mike** for recent updates what type of updates do you want to display ?
- The updates are just new reviews that users may have posted. 
- [ ] **Mike** can we somehow have a list of Top US Colleges ?
- Yes, I think I can get us a few lists, here's a good start (I posted these in the discord): https://andyreiter.com/datasets/

home page should include college list card for all users
> What do you mean by 'college list card for all users' ? Is it a list of all colleges ?

==Mike:==
- Yes, this is the college watch list from week 4
**
++home page should include surveys card for everyone, randomly select one survey to display to the user.++
> We still don't understand what survey meaning is and what is it for. Why are we exposing personal expectation to other users ?
- I will provide some examples of the surveys this week. 

==Mike:==
- We can skip this idea for now. 

# WEEK 6 - CONNECTION REQUESTS & USER AWARDS/BADGES
### *Status*: **Brandstorming**

- Users send and receive friend connection request
    - `Why do we work on friend list on week 3 and work on Friend connection on Week 6 ? Without connection how can a user has any friend ?`
- Add connections card to home page
    + `Is this Friend list card?`
- User awards/badges ("gamification") - awards for engagement - first review, multiple reviews,
    - `What is 'gamification' ? need UI and requirements to be specified and discussed`
- Add an awards card to home page, just list the awards a user has for now.
    - `by Homepage do you mean Public User Profile Page like My profile on Facebook ? We need more discussion on this.` 
- If user has first post on a college then gets the "first post" award
- If user has mosts posts for a college gets the "mayor" award
- If user completes all the surveys gets a "scholar" award
    - `need design for each one`
- Feedback feature where users can leave us suggestions/tell us if something is broken
- Question is where to add this button? ON the nav bar? Or in a drop down?
    - `can it be fix on page (like on the bottom right ?) and follow user scroll action`

---

### Mike's notes:

Users send and receive connection request
> Why do we work on friend list on week 3 and work on Friend connection on Week 6 ? Without connection how can a user has any friend ?

Add connections card to home page
>Is this Friend list card?

==Mike:==
- let's skip the friends features for now.

User awards/badges (“gamification”) - awards for engagement - first review, multiple reviews,
> What is 'gamification' ? need UI and requirements to be specified and discussed
Add an awards card to home page, just list the awards a user has for now.
by Homepage do you mean Public User Profile Page like My profile on Facebook ? We need more discussion on this.
If user has first post on a college then gets the “first post” award
If user has mosts posts for a college gets the “mayor” award
If user completes all the surveys gets a “scholar” award
need design for each one

==Mike:==
- let's skip the gamification features above for now. 

Feedback feature where users can leave us suggestions/tell us if something is broken
>Question is where to add this button? ON the nav bar? Or in a drop down?
can it be fix on page (like on the bottom right ?) and follow user scroll action

==Mike:==
- Yes, let's try putting this button at the bottom right or bottom left and have it follow user scroll. 

==Engineers:==
- [ ] **FE** will create the footer and maybe we can put the feedback feature there.
- [ ] **BE** provides and endpoint to submit these feedbacks.

## Some feedbacks for you:
- Please consider describe each features cleared and in more details so that we are on the same page quicker.
- Would be really helpful to attach an example image (could be from any other pages) for each idea to help on visualization.
- There are so many features and some of them are really big (lots of effort and resources cost). If we keeping those, we won't be able to meet deadline.