• Update README

feat

• Create sign in form and Receive id, password values
• Rename formValues.id to email and Request virtual server response
• Save accessToken to localStorage
• Create user module to save name from server response
• Remove spaces from both ends of a string inside a form input
• Display form error message when input value is empty
• Display error message when signin is rejected
• Move to root page when signin is success
• Add logo image on top and Remove h1 text
• Add paragraph and signup link for not registered users
• Connect to real server and Fetch data

chore

• Update placeholder contents for email and password inputs
• Add email and password labels
• Add description of console.log test code
• Update password input type from text to password
• Remove unnecessary console.log test code from user.js
• Test SignIn feature and Clean the code

style

• Rename function RemoveInputSpaces to removeInputSpaces
• Change function name to start verb

conf

• Create env to save server url and Use for signin request

design

• Apply errorMessage style and Add display: block to input, select temporarily

• Navigation bar button on/off (using useLocation, Material ui/icon)
• Remove react-icons and Add material-icon (Reason: icon is not enough)

• Remove unnecessary style code and Apply style to h1
• Add label className and Apply label style
• Add error-message className and Apply errorMessage style
• Replace arrow-down.svg image to png
• Update Select style.js to align with mockup
• Apply sharedValue.borderRadius to input radius
• Add spacing between UI
• Replace Button to ButtonStyled and Update style code
• Center component horizontally and vertically
• Replace display to visibility to error message elements

globalStyle.js & theme.js

• Create style folder, theme.js, globalStyle.js and Add ThemeProvider
• Create assets, images folder and Add arrow-down.svg file
• Add common style to input, select, button UI
• Create style object in theme.js and Apply to SignUpPage and SuccessModal
• Add css tag to theme.js
• Move div#root style from index.css to globalStyle.js
• Change em to rem
• Replace favicon image
• Upload logo and card images
• Add color options to theme.js
• Add font-weight options to theme.js
• Add font-size options to theme.js
• Add more images for product cards

components

Button

• Remove button style code from globalStyle.js
• Add Button style and Render Button to SignUpPage, SuccessModal
• Rename component and variable from Button to ButtonBased
• Update variable name ButtonBased to Button

Input

• Remove input style code from globalStyle.js
• Add Input style and Render Input to SignUpPage

Select

• Remove select style code from globalStyle.js
• Add Select style and Render Select to SignUpPage

Other

remove

• Change syntax extension from index.tsx to index.jsx for Select component

• Add fontSize.extraBig in theme.js
• Update SuccessModal style.js to align with mockup
• Add more padding to Button, ButtonStyled components
• Replace ButtonText to ButtonStyled
• Add more spacing to h2
• Add background color

• apply mediaquery css to globalStyle

• Create ProductCard Modal ( remove ProductCardDetail Modal : Merge Component)
• Common css and GlobalStyle Modified
• Sink product modals and card data

API 명세

• 테스트 계정
  email: [email protected]
  password: [email protected]

• Overall Default Layout
• Navigation bar layout, React-icons
• Using useNavigate as default link

• Reduce logo size and Center it
• Create label style in theme.js and Apply
• Update Input style.js to align with mockup
• Update Button style.js to align with mockup
• Rename ErrorMessage to errorMessage and Update CSS and Apply style
• Add style to signup text to align with mockup
• Add spacing between UI
• Add error-message className to signin error
• Replace Button to ButtonStyled and Update style code
• Center component horizontally and vertically
• Replace display to visibility to error message elements

chore

• Add missing semicolons
• Remove unnecessary style code from style.js
• Rename email, password-wrapper className to input-wrapper

스타일

• 페이지 설명
• 리스트 헤더

기능/컴포넌트

• 페이지 내 배치
• 장바구니 RTK Query
• 카드 체크박스 대응

• Create ProductApi for ProductList Display
• All Product Display from Api
• Modified the entire layout css

• Create PersonalProductsPage
• RTK Query
• In List
• Styling

feature

• Create signup input (username, email, password, age, job) and save input value
• Display form error message when input value is empty
• Validate password to be more than 4 characters
• Validate email address using RegEx ([email protected])
• Disable default select option for age and job
• Add onSubmit handler to form and Update button type
• Move to SignInPage after sign up
• Display SuccessModal after completing signup form
• Move to SignInPage after clicking login button on SuccessModal
• Rename formValues.username to name and Request virtual server response
• Remove spaces from both ends of a string inside a form input
• Display error message when signup is rejected
• Add display value to formErrors
• Validate duplicate email
• Connect to real server and Fetch data
• Reject signup when password value is less than 4 length

chore

• Remove className="container"
• Remove event parameter from catch statement
• Add description of console.log test code
• Add input and select labels
• Update placeholder contents for all inputs and select
• Update password input type from text to password
• Use boolean data for displaySuccessModal
• Add displaySuccessModal value to display background color
• Test SignUp feature and clean the code

style

• Rename function RemoveInputSpaces to removeInputSpaces
• Rename displayModal state to displaySuccessModal
• Update function name to start verb

fix

• Receive select value and Display default value

conf

• Create env to save server url and Use for signup request

design

• Add height 100% to div#root to center SuccessModal vertically
• Add height 100% and position relative to div.container on SignUpPage to center SuccessModal vertically
• Add basic style code to SuccessModal

스타일

• 검색 input
• 검색 필터 select
• 검색 정렬 radio

기능/컴포넌트

• 검색 input 만들기
• 검색 RTK query
• 검색 정렬 라디오 버튼 만들기
• 검색 정렬 기능

• Apply style to ProductCardList Component

• All Products Page Display
• 검색 중 카드 비활성화

• Add elements and Apply style to align with mockup
• Center component horizontally and vertically

• 기본적인 정리
• auth 와 BottomNav 를 위한 추가 구현

• ProductCard Using props
• Creat Contains checkbox type ProductCard and Style