View Code? Open in Web Editor
NEW
Plugs. lets you organize your home studio: With plugs. finding what is where in your home studio was never easier! plugs. lets you define, where you plugged what, which cable goes where, and which output is connected to which input, and vice versa. Search for your gear, edit your everchanging and expanding gear setup on the go, or see your mixer for a quick overview.
Shell 0.11%
JavaScript 0.63%
TypeScript 88.88%
HTML 0.30%
CSS 10.08%
plugs.'s Issues
Add logo and burger button svg
Add styling with css
Add error handling for back end routes
User story
As a user, I want to search for specific gear.
Acceptance Criteria
Screenshot
Add h1 and back button svg
add styling with css
User story
As user, I want my stored gear to be shown on my homepage
Acceptance criteria
User story
As a user, I want to see uncut svgs
Acceptance criteria
User story
As a user, I want to know what plugs is all about
Acceptance criteria
Add h1
Add input
Add styling
User story
As a user, I want my data to be stored
Acceptance criteria
Add h1 with search input
Add styling
Add variables for color and font
User story
As a user, I want to have a quick overview of my mixer channels
Acceptance Criteria
Screenshot
Add input bar
Add switch
Add styling
User story
As a user, I want to see what I'm editing in the input field.
Acceptance criteria
User story
As a user, I want to see my gears output channels only
Acceptance criteria
User story
As a user, I want to add new gear to my studio
Acceptance Criteria
Screenshot
Fix two bugs on SearchPage
css overlapping
prop mishandling leeds to deleted input bar
User story
As a user, I want to be able to search for gear stored in my data base
Acceptance criteria
User story
As a user, I want to be able to delete gear from my database
Acceptance criteria
User story
As a user, I want to be asked if I'm sure to delete my gear on searchPage
Acceptance criteria
User story
As a user, I want to be asked, if I'm sure to delete
Acceptance criteria
User story
As a user, I want to edit my existing gear in case, something changes in my studio
Acceptance Criteria
Screenshot
EditIcon sits too far on the outside.
Fix with padding.
Add gear card h1
Add svg placeholder
Add styling
Add gear card header
Add gear card connection section
Add gear card edit section
Add gear card random line section
Add h3
Add random cable svg
Add styling
Create a component, that lets the user select type of gear:
Create basic file structure in vs code
In src/app create
assets
components
pages
hooks
utils
folders
In the console, this warning is given:
5react-dom.development.js:67 Warning: You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`.
User story
As a user, I want to be able to see all my gear with all its connections in one place.
Acceptance Criteria
Screenshot
SearchPage doesn't provide results after merge.
Fix server.ts