flxwu / buyable Goto Github PK

• use constants on backend
• use constants on frontend form, show constants instead of permission strings in jsx
• test on POST

Return DB object except private groups

1. Get user entry
2. Look up groups in DB (private/public)
3. filter for public groups, return object

• Create dialog
• Connect to backend
• Error handling

• look up user in database
• encrypt password & check with DB password (bcrypt.compare)
• put user in session if password matches
• return 401 if password doesn't match/user is not in DB

User

• /user/new POST
• /user GET
• /user PATCH
• /user DELETE
• /user/new POST FAIL
• /user GET FAIL
• /user PATCH FAIL
• /user DELETE FAIL

Group

• /group GET
• /group PATCH
• /group/new POST
• /group/items GET
• (/group DELETE)
• /group GET FAIL
• /group PATCH FAIL
• /group/new POST FAIL
• /group/items GET FAIL
• (/group DELETE FAIL)

Auth

• /auth/login POST
• /auth/logout GET
• /auth/login POST FAIL (wrong credentials, credentials missing)
• /auth/logout GET FAIL (not logged in)
• /auth/check

Item

• /item/new POST
• /item GET
• /item PATCH
• /item DELETE
• (/item/search GET)
• /item/new POST FAIL
• /item GET FAIL
• /item PATCH FAIL
• /item DELETE FAIL
• (/item/search GET FAIL)

• Add nested routing
• Add user profile page (for modifying user info)
• Add user settings page (for adjusting preferences not related to user info)
• Add items page (for managing own(!!) items)
• Add groups page (for managing own(!!) groups)

1. Dropdown Select with search
2. Show selected groups as labels
3. user can remove labels by clicking "x"
4. integrate into POST to API

Sidebar and content overlap

• validate whether amount is a number
• validate whether description has valid length
• validate whether price is a number

Watchout: Check how to update (.update/.save)? cuz save will likely not work because of duplicate check

prevent not loggedin users from posting new items

https://jaredpalmer.com/formik/docs/overview

1. Read all groupids from user store
2. Get items from groups /items GET
3. Display in cards

• Call /api/auth/check
• Put user into redux store

Header looks like shit rn

• Add link with username to search bar
• make it look nice

• Update item doc
• Update group docs if item get's added/removed from groups

• add react-router
• add router top-level boilerplate
• structure in pages, persist Header, Modals, Sidebar
• restructure App / Home Update renamed to Main

• addUser,
• deleteUser
• getCurrentUser
• toggleModal

• make dialog
• connect to backend

Dialog windows have no borders and are not centered horizontally

1. Query param: amount( default: 5), sortby(default: createdAt Date)
2. Look up top 5 items in group by sortBy param
3. For each item, get Item object from DB
4. Map item objects to array, send back to client