Coder Social home page Coder Social logo

seborider / plugs. Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 781 KB

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 error handling

Add error handling for back end routes

  • add route
  • search route
  • edit route
  • delete route
  • singe route

Create Searchpage

User story

As a user, I want to search for specific gear.

Acceptance Criteria

  • header with searchbar
  • search result
  • navigation

Screenshot

Searchpage

Show gear

User story

As user, I want my stored gear to be shown on my homepage

Acceptance criteria

  • server.ts routes
  • fetch data from mongoDB

svg bug

User story
As a user, I want to see uncut svgs

Acceptance criteria

  • fixed svg in navbar

Header modal

User story

As a user, I want to know what plugs is all about

Acceptance criteria

  • modal with info about plugs on homePage

Connect to MongoDB

User story

As a user, I want my data to be stored

Acceptance criteria

  • server.ts
  • post to MongoDB
  • functionality in AddPage

Create Mixerpage

User story

As a user, I want to have a quick overview of my mixer channels

Acceptance Criteria

  • header
  • cards with equipment name and corresponding channel
  • navigation

Screenshot

Mixerpage

Show output channels of gear only

User story

As a user, I want to see my gears output channels only

Acceptance criteria

  • server.ts routes
  • fetch on mixer page, that only shows outputs

Create Addpage

User story

As a user, I want to add new gear to my studio

Acceptance Criteria

  • header with input
  • select gear style
  • add in- and outputs
  • save button
  • navigation

Screenshot

Addpage

Fix SearchPage bug

Fix two bugs on SearchPage

  • css overlapping
  • prop mishandling leeds to deleted input bar

Search for gear

User story

As a user, I want to be able to search for gear stored in my data base

Acceptance criteria

  • server.ts routes
  • fetch from MongoDB database

Delete gear

User story

As a user, I want to be able to delete gear from my database

Acceptance criteria

  • server.ts routes
  • post to MongoDB

Delete on SearchPage

User story

As a user, I want to be asked if I'm sure to delete my gear on searchPage

Acceptance criteria

  • modal with yes and no button

Add deleteModal

User story
As a user, I want to be asked, if I'm sure to delete

Acceptance criteria

  • deleteModal

Create Editpage

User story

As a user, I want to edit my existing gear in case, something changes in my studio

Acceptance Criteria

  • Edit and delete button in gear card
  • Header
  • Gear selection
  • In- and output renaming
  • Save button
  • navigation

Screenshot

Editpage

Create gear card component

  • Add gear card header
  • Add gear card connection section
  • Add gear card edit section
  • Add gear card random line section

Console Error

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`.

Create Homescreen Page

User story

As a user, I want to be able to see all my gear with all its connections in one place.

Acceptance Criteria

  • header with burger button
  • cards with gear
  • navigation

Screenshot

Homescreen

Fix search

SearchPage doesn't provide results after merge.
Fix server.ts

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.