Scrum Update 2 (05/32 - 06/12)

[kaiqianyyang]

Include your NAME in your post (so we can give you a grade!) Answer 3 questions:

1. What did you work on this past iteration (2 weeks)?
2. What were any major issues/challenges you ran into?
3. What do you plan to work on for this coming iteration (2 weeks)?

name	csid
Davis Qi	u8n4u
Yizhou Li	c9p5r
Kaiqian Yang	q0d7e
Chloe Zhang	g5z2b

[kaiqianyyang]

Name: Kaiqian Yang CSID: q0d7e 1. What did you work on this past iteration (2 weeks)?

• Settle the code structure for the project, create initial code and initial code structure for the team, and install basic libraries (including Redux)
• Collaborate with teammates, and confirm 5 meeting contents during the past two weeks.
• Implementate project components:
  • App.js, index.js, index.html files (for setup)
  • Layout page
    • Navbar, Footer
  • RateAndReview page
    • ReviewProfile, ReviewList, ReviewForm, ReviewCard, RCardStyle
    • RatingStar, RatingSelect, RateDisplay, ProgressBar)
  • Main page
    • MainPageSliderV2 (backup version of slider component)

2. What were any major issues/challenges you ran into?

• Confirm the project topic name and the website theme (color, sections of the main page...)
• Handle the responsive issue of the Layout page and the RateAndReview page

3. What do you plan to work on for this coming iteration (2 weeks)?

• Create data.json for the team to use as a fake database
• Create SignIn/SignUp page
• Add a filter function to display reviews according to different ratings using Redux/Reducer
• Consistent with the UI design for the RateAndReview page
• (Option) Add pagination for ReviewList.
• (Option) Add authentication for user SignIn/SignUp using Firebase9 or MongoDB
• (Option) Add prettier and eslint for the project.

[qhl-cpu]

Name: Davis Qi CSID: u8n4u

1. What did you work on this past iteration (2 weeks)?

• Collaborate with teammates and confirm the style of display of the website and handle responsive problems.
• Decided fixed group meeting time with teammates together and decided on the project's theme colour.
• Implemented Components: FilterList, Profile card that accepts parameters to display instructor's information, Star rating, scss hover animation for stars, animations for mouse on buttons, 3 versions of profile card for different screen sizes. A sort/filter panel designed for small screen users that can be viewed when the screen size is small; users would be able to select the result's display order and open a sided pop-up filter panel

2. What were any major issues/challenges you ran into?

• we had scss conflict in which we initially named our tags with the same className and we had to refactor them and discussed this to make sure in the future we all make unique className
• handled the responsive issue of profile card and sided pop-up filter panel
• had an issue greying all other components when sided filter panel opened

3. What do you plan to work on for this coming iteration (2 weeks)?

• Give filter panel functionality so sorting can be used correctly using reducer
• Make see profile and favourite button working
• Display profile card according to database
• (Option) start adding Express

[sleepEarly7z]

Name: Yizhou Li CSID: c9p5r

What did you work on this past iteration (2 weeks)? I did the slider and implemented in another npm lib. I also did the profile pages with two components.

What were any major issues/challenges you ran into? First is some components and libs are not supported by React 18. So I have to force install it and it caused problem for our teammates. The second thing is we had CSS conflicts, the naming is similar among our team members. However, we had good collaboration so we had a meeting to solve it.

What do you plan to work on for this coming iteration (2 weeks)? Add redux to my profile form. Pass states to my teammates.

[ZiyueChloeZhang]

Name: Chloe Zhang CSID: g5z2b

1. What did you work on this past iteration (2 weeks)?

   • FilterPanel component
   • FilterCategory component
   • Main page styling

2. What were any major issues/challenges you ran into?

   • nested collapsable list for FilterCategory has some bug that when clicking on one category toggles open/close all the other ones
   • I tried to make it responsive that when the screen width is below a breakpoint, the filter panel turns into a dropdown list on the top of the FilterList component. Right now it's done by using two different components, not ideal.
   • the team is using different libraries for styling, which makes integration a bit hard.

3. What do you plan to work on for this coming iteration (2 weeks)?

   • refactor the FilterPanel so it's bug-free and responsive.
   • working with Cathy to fulfill the filtering functionality by dispatching filter options to redux on clicking submit button or on change of each checkbox
   • refactor styling to make the project more consistent.